Comment utiliser jQuery pour récupérer le contenu d'une page et le rendre dans une div?

Question

Ceci est une question en réponse à Thise: Javascript AJAX function not working in IE?

Je dois jQuery faire quelque chose comme ceci:

function render_message(id) 
{ 
var xmlHttp; 
    xmlHttp=new XMLHttpRequest(); 
    xmlHttp.onreadystatechange=function() 
    { 
    if(xmlHttp.readyState==4) 
     { 
     document.getElementById('message').innerHTML=xmlHttp.responseText; 
     document.getElementById('message').style.display=''; 
     } 
    } 
    var url="include/javascript/message.php"; 
    url=url+"?q="+id; 
    xmlHttp.open("GET",url,true); 
    xmlHttp.send(null); 
} 

Quelqu'un peut-il écrire la fonction pour moi rapidement?

Answer 1

Vous pouvez utiliser la fonction load() pratique pour ceci:

$('#message').load("include/javascript/message.php", {q: id}, function() { 
    $(this).show(); 
}); 

La fonction de rappel est en supposant que la message div est caché et que vous voulez le montrer une fois que la demande est complète.

Answer 2

Voir $.ajax() pour récupérer des pages et accéder au contenu. Documentation here.

Ensuite, utilisez par ex. $("#yourElementId").html(myHtmlContent) pour remplacer le HTML. More doc here.

Answer 3

Utilisez la fonction de JQuery .load $() (http://docs.jquery.com/Ajax/load):

$("#mydiv").load("a/url/here.html");