Replace content in div after successful ajax function

Question

I would like to replace a content of

after the ajax function is successful, also without page refresh.

Answer 1

You can set the "context" for an ajax request which then is passed into the success handler. In there, you might just call .html() to replace the content.

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

Ref.:

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