如何将php文件中的responseText附加到带有ajax和jquery的div

时间:2013-07-29 15:12:06

标签: jquery ajax append responsetext

我只想将我的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); 
});

1 个答案:

答案 0 :(得分:1)

beforeSend 中的这一行:

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

完成 <+ p>中加上这一行

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

充当内容替代品而非附加品。只需删除 beforeSend 中的行。