iniettare html usando ajax

Ho una pagina HAML con alcuni elementi div. Ho bisogno di iniettare questo in un div su un’altra pagina quando si fa clic su un pulsante. Come faccio a fare questo? Grazie

Devi aggiungere il plugin jQuery da jQuery.com. è ansible scaricare il plug-in o utilizzare il collegamento http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.5.1.min.js come src nel file js.

quindi utilizzare il codice follwing

$(document).ready(function(){ $("#your_button_Id").click(function(){ $.ajax({ url: "test.html", context: document.body, success: function(response){ $('#div_Id').html(response); } }); }); }); 

Spero che questo ti aiuti!!! codifica felice.

prova $ (‘div’). carica (‘lol.HTML’) se vuoi usare jquery

Per semplificare questo processo, aggiungi la libreria jQuery alla tua pagina.

Di seguito è riportato un esempio di utilizzo di jQuery per caricare i dati da una pagina diversa nella pagina corrente:

 inject_to = $("div#id"); // the div to load the html into load_from = "/some/other/page"; // the url to the page to load html from data = ""; // optional data to send to the other page when loading it // do an asynchronous GET request $.get(load_from, data, function(data) { // put the received html into the div inject_to.html(data); } 

Nota che questo si apre per problemi di sicurezza / xss, e ti consiglio di usare .text invece di .html, e caricare solo testo in chiaro dalla pagina esterna. Maggiori informazioni su jQuery ajax: http://api.jquery.com/category/ajax/

Per fare ciò quando si fa clic su un pulsante, inserire il codice precedente in una funzione, come questa:

 function buttonClicked() { inject_to = $("div#id"); // the div to load the html into load_from = "/some/other/page"; // the url to the page to load html from data = ""; // optional data to send to the other page when loading it // do an asynchronous GET request $.get(load_from, data, function(data) { // put the received html into the div inject_to.html(data); } } 

Quindi aggiungi un gestore di eventi per l’evento click al pulsante, in questo modo:

 $("button#id").click(buttonClicked); 

Maggiori informazioni sugli eventi di jQuery: http://api.jquery.com/category/events/