如何發送字符串數據與阿賈克斯formdata

Question

<script type="text/javascript"> 
$(document).ready(function(){ 
    $("#btnUpdate").click(function(){ 
     alert($("#frm_data").serialize()); 
     var formData = new FormData($("#frm_data")[0]); 
     var Desc= CKEDITOR.instances.editor1.getData(); 

     $("#btnUpdate").attr('value', 'Please Wait...'); 
     $.ajax({ 
      url: 'update_job.php', 
      data: formData, 
      cache: false, 
      contentType:false, 
      processData:false, 
      type: 'post', 
      success: function(response) 
      { 
       $("#btnUpdate").attr('value', 'Update'); 
      } 
     }); 
     return false; 
    }); 
}) 
</script> 

我使用ckeditor爲textarea字段。但它可以用新值更新值，所以我想用另一種方式發送textarea值和表單數據。
那麼如何使用fromData發送描述數據。在阿賈克斯。

Answer 1

要做到這一點，你可以使用FormData的append()方法來添加自己需要的任何額外的信息：

$("#btnUpdate").click(function(e) { 
    e.preventDefault(); 
    var $btn = $(this).attr('value', 'Please Wait...'); 
    var formData = new FormData($("#frm_data")[0]); 
    formData.append('desc', CKEDITOR.instances.editor1.getData()); 

    $.ajax({ 
     url: 'update_job.php',  
     data: formData, 
     cache: false, 
     contentType: false, 
     processData: false, 
     type: 'post', 
     success: function(response) {  
      $btn.attr('value', 'Update'); 
     } 
    }); 
});