jquery - 如何使用ajax和jquery将php文件中的responseText附加到div

Question

我只想将我的php文件中的responseText附加到一个div。不应替换 div 中的内容，但应将 responseText 附加到现有 div 内容。responseText 是一个标签。

$(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); 
});

Answer 1

beforeSend中的这一行：

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

加上完整的行：

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

充当内容替换而不是附加。只需删除beforeSend中的行。