在AJAX表单提交后刷新Div的内容

Question

我有这个Ajax代码来提交PHP表单。代码的作品，但我想<div>内容应该改变刷新，而不整个页面刷新。

div的ID是#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

你将不得不改变DIV的innerHTML属性..用jQuery是做像这样：

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

所以你的情况加在成功的功能：

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

或

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

取决于返回数据的类型和结构。