Обновить содержимое Div после отправки формы AJAX

Question

У меня есть код Ajax для отправки формы PHP. Код работает, однако мне хотелось бы, чтобы содержимое было обновлено без обновления всей страницы.

Идентификатор div is #container.

Вот код AJAX:

$('.accept_friend').submit(function(){ 
     var data = $(this).serialize(); 

     $.ajax({ 
      url: "../accept_friend.php", 
      type: "POST", 
      data: data, 
      success: function(data) 
      { 
       //here is the code I want to refresh the div(#container) 

      }, 
      error: function(){ 
       alert('ERROR'); 
      } 
     }); 

     return false; 
    }); 

Answer 1

Вы должны изменить свойство innerHTML в Div .. В с JQuery это делается так:

$('#container').html('... new content goes here...'); 

так в вашем случае добавьте в функция успеха:

$('#container').html(data); 

или

$('#container').html(data.someAttribute); 

в зависимости от типа и структуры возвращаемых данных.