Блог

Я использую $.post для отправки формы на сервер. Затем сервер возвращает html-страницу. Я хочу заменить текущее содержимое страницы тем, что возвращается с сервера. Как бы я это сделал, используя jquery?

код пока:

 $('.autosave').click(function(){
    var url = 'post form url';

    $postData = $('#page-form').serialize();

    $.post(url, $postData, function(data){
             PAGE SOURCE = data
    });

    return false;
});
  

На самом простом уровне…

$('body').html(data);

Предполагая, что ответ — это именно то, на что вы хотите заменить, и вы хотите заменить все в теле документа.

Просто используйте .load()

 $('.autosave').click(function(){
    $('#result').load('ajax/test.html #container');    
    return false;
});
  

Вероятно, вам следует заменить не все содержимое страницы, а контейнер. Независимо от этого, код является:

 $.post(url, $postData, function(response)
{
     // this works for any valid css selector, so "body" 
     // and ".class_name" works too
     $('#container').html(response);
});
  

Для замены содержимого заданным HTML-кодом вы можете использовать .replaceWith()

Предполагая, что ваш div имеет класс «MyContent»,

 $(".myContent").replaceWith(data);
  

Надеюсь, это поможет.

на самом деле вы можете использовать $("html").load(url "?" $postData); вместо

 $.post(url, $postData, function(data){
         $("html").html(data);
});
  

это также изменит заголовок вашей страницы и другое содержимое внутри ваших head тегов. однако имейте в виду, что ваши загруженные script теги впоследствии не будут доступны в DOM

Вы можете заменить html-элементы на своей странице, но не весь html. Представьте, что вы переустанавливаете свою ОС «на лету».

Кстати, если вы хотите вставить свои данные в <div id="item"> , вы можете сделать это:

 $.post(url, $postData, function(data){
    $('#item').html(data);
});