Как бы я использовал jQuery для захвата содержимого страницы и рендеринга в div?

Question

Это вопрос в ответ на это: Функция AJAX Javascript не работает в IE?

Мне нужен jQuery, чтобы сделать что-то вроде этого:

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);
}

Может кто-нибудь быстро написать мне функцию?

Answer 1

Для этого вы можете использовать удобную функцию load():

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

Функция обратного вызова предполагает, что div message скрыт, и вы хотите, чтобы он отображался только после завершения запроса.

Answer 2

См. $.ajax() для получения страниц и доступа к контенту. Документация здесь .

Затем используйте, например, $("#yourElementId").html( myHtmlContent ) для замены HTML. Больше документов здесь .

Answer 3

Используйте функцию JQuery $ .load () (http://docs.jquery.com/Ajax/load):

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