how to append responseText from php file to div with ajax and jquery

Question

I just want to append the responseText from my php file to a div. The Content in the div should not be replaced but the responseText should be append to the existing div Content. The responseText is a Tag.

$(document).ready(function() {
var options = { 
  beforeSend: function() {
    $("#progress").show();
    //clear everything
    $("#bar").width('0%');
    $("#message").html("");
    $("#percent").html("0%");
  },
  uploadProgress: function(event, position, total, percentComplete) {
    $("#bar").width(percentComplete+'%');
    $("#percent").html(percentComplete+'%');
  },
  success: function() {
    $("#bar").width('100%');
    $("#percent").html('100%'); 
  },
  complete: function(response) {
    $("#message").append("<font color='green'>"+response.responseText+"</font>");   
//DOESN'T WORK      
      },
      error: function() {
        $("#message").html("<font color='red'> ERROR: unable to upload files</font>");
  } 
}; 

$("#uploadForm").ajaxForm(options); 
});

It means that it replace the content in the message div instead to append the responseText. — Clint Easthood
– Clint Easthood, Commented Jul 29, 2013 at 15:22

Fra H · Accepted Answer · 2013-07-29 15:27:22Z

1

This line in beforeSend:

$("#message").html("");

plus line this in complete:

$("#message").append("<font color='green'>"+response.responseText+"</font>");

act as a content replacement instead of an append. Just remove the line in beforeSend.

answered Jul 29, 2013 at 15:27

Fra H

3451 gold badge5 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

how to append responseText from php file to div with ajax and jquery

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related