成功执行ajax功能后替换div中的内容

Question

我希望在ajax功能成功后替换<div id="container"></div>的内容，也无需刷新页面。

$.ajax({
      type: "POST",
      url: "scripts/process.php",
      data: dataString,
      success: function() {
        //Whats the code here to replace content in #conatiner div to:
        //<p> Your article was successfully added!</p>
      }
     });
    return false;

Answer 1

http://api.jquery.com/html/

 $.ajax({
  type: "POST",
  url: "scripts/process.php",
  data: dataString,
  success: function( returnedData ) {
    $( '#container' ).html( returnedData );
  }
 });

也使用http://api.jquery.com/load/，

$( '#container' ).load( 'scripts/process.php', { your: 'dataHereAsAnObjectWillMakeItUsePost' } );

Answer 2

您可以为ajax请求设置“context”，然后将其传递到success处理程序。在那里，您可以致电.html()来替换内容。

$.ajax({
  type: "POST",
  url: "scripts/process.php",
  data: dataString,
  context: '#container',
  success: function() {
    $(this).html('<p> Your article was successfully added!</p>');
  }
});

参考：

http://api.jquery.com/jQuery.ajax/
http://api.jquery.com/html/