Vorrei utilizzare $ .ajax() per richiedere una pagina, ma caricare solo i frammenti di quella pagina. So che puoi specificare quali frammenti di pagina vuoi con .load() ma mi stavo chiedendo se è possibile con $ .ajax?caricamento pagina con Jquery AJAX
risposta
È possibile ottenere il frammento via posta, aggiungere l'html a un div con display: nessuno; Quindi utilizzare il selettore per ottenere il frammento desiderato e aggiungerlo alla regione che si desidera visualizzare.
Codice Aria:
<div id="tempRegion" style="display:none;">
</div>
$.ajax({
url: "page.htm",
type: "GET",
success: function(results){
$('#tempRegion').html(results);
...
// Now select fragment, append to display area
var fragement = $('#someFragment').html();
$('#displayRegion').html(fragement);
})
});
Per quelli di voi che si stanno chiedendo, stoplion si riferisce a questa funzione: Loading Page Fragments (scorrere verso il basso nella pagina):
Il .load metodo() , a differenza di $ .get(), ci consente di specificare una parte del documento remoto da inserire. Questo risultato è ottenuto con una sintassi speciale per il parametro url. Se uno o più caratteri di spazio sono inclusi nella stringa, si presume che la parte della stringa che segue il primo spazio sia un selettore jQuery che determina il contenuto da caricare.
Poiché $ .get() non sembra supportarlo, suppongo che $ .ajax non lo farebbe nemmeno. Un modo semplice per implementare questo potrebbe essere il seguente:
$.ajax({
url: 'http://example.com/page.html',
data: {},
success: function (data) {
$("#el").html($(data).find("#selector"));
},
dataType: 'html'
});
Questo sarebbe l'equivalente di
$("#el").load('http://example.com/page.html #selector');
Tuttavia, si noti che la sintassi speciale ('#selector') significa che gli script presenti nella HTML caricato sarà non essere eseguito. Vedere Script Execution nei documenti .load().
Grazie. Questo è stato. – user288423
+1 - Bello! Ottieni tutto in una dichiarazione. –
No, non sono la stessa cosa. '.ajax()' non funzionerà se '# selector' è al livello più alto. –
La soluzione più semplice con il metodo di carico:
$("#menu a").click(function(){
event.preventDefault();
$("#container").load(this.href + " #container p");
return false;
});
utilizzare solo il metodo Ajax per gli script più complessi come distacco o di ottenere da un file di script PHP o JSON altrimenti rallenterà il vostro sito web.
OP sa già che funziona con '.load()', e chiaramente ha bisogno di farlo con '.ajax()', altrimenti non avrebbe chiesto. La tua risposta non affronta la domanda e i tuoi link sono spam, in quanto non riguardano l'argomento in questione. –
La risposta corretta per voi è:
$.ajax({
url: 'http://example.com/page.html',
data: {},
success: function (data) {
$("#el").html($(data).append(data).find("#selector"));
},
dataType: 'html'
});
- 1. jQuery caricamento immagine Ajax
- 2. jQuery caricamento pagina HTML completo con spinner
- 3. Pagina intera Diapositiva con jQuery e Ajax
- 4. Benvenuto Caricamento in corso ... Pagina con Jquery
- 5. jQuery Ajax restituisce l'intera pagina
- 6. jQuery dissolvenza in caricamento pagina
- 7. Ajax/jQuery - Carica il contenuto della pagina web in un div durante il caricamento della pagina?
- 8. Caricamento immagine con ajax
- 9. jQuery AJAX con IE8
- 10. jQuery non funziona in AJAX Pagina caricata
- 11. jQuery AJAX con due domini
- 12. piè di pagina dati jquery con righe totali dall'output Ajax
- 13. Apre automaticamente jQuery ColorBox al caricamento della pagina
- 14. chiamata Jquery/Ajax con timer
- 15. Aggiungi stringa all'url al caricamento della pagina con jQuery?
- 16. jQuery Mobile “Errore di caricamento pagina”
- 17. jQuery non può selezionare l'elemento dopo il caricamento Ajax
- 18. Ritardo caricamento immagine con jQuery
- 19. Richiesta JQuery Ajax con percentuale
- 20. Safari mobile non caricamento immagini quando si utilizza AJAX/JQUERY
- 21. jQuery $ .ajax() con PHP
- 22. jQuery AJAX con intervallo
- 23. Validazione Ajax con jquery?
- 24. Registrazione di jquery sul caricamento della pagina e successivo ajax postback
- 25. Aggiungere un'animazione di caricamento per jquery ajax .load()
- 26. Caricamento immagine AJAX PHP con FormData
- 27. Jquery non funziona dopo il caricamento del contenuto Ajax
- 28. richieste ajax multiple con jquery
- 29. Caricamento di una pagina tramite Ajax in Div Best Practice?
- 30. AJAX esegue l'evento onchange prima del caricamento della pagina
Eventuali duplicati di [parte estratto del documento HTML in jQuery] (https://stackoverflow.com/questions/2137811/extract-part-of-html- document-in-jquery) –