如何通過ajax post發送值輸入類型文本？

Question

我有輸入型文本這樣

<input type="text" id="test" value=""> 

，我有AJAX功能後這樣。

$(document).ready(function() { 
    $('#summernote').summernote({ 
     height: 300,     // set editor height 
     minHeight: null,    // set minimum height of editor 
     maxHeight: null,    // set maximum height of editor 
     focus: true,     // set focus to editable area after initializing summernote 
     callbacks: { 
      onImageUpload: function(files) { 
       sendFile(files[0]); 
      } 
     } 
    }); 

    function sendFile(file, editor, welEditable) { 
     document.getElementById("loading_upload_threads_image").style.display = "block"; 
     data = new FormData(); 
     data.append("file", file);//You can append as many data as you want. Check mozilla docs for this 
     $.ajax({ 
      data: data, 
      type: "POST", 
      url: "threads_image_upload.php", 
      cache: false, 
      contentType: false, 
      processData: false, 
      success: function(url) { 
       $('#summernote').summernote('editor.insertImage', url); 
       document.getElementById("loading_upload_threads_image").style.display = "none"; 
      } 
     }); 
    } 
}); 

我想知道如何從id="test"值發送到我的AJAX的帖子？

Answer 1

您可以使用append()方法將您想要的任何數據添加到FormData對象 - 如您的評論事件所述。如果要發送的所有數據表單，那麼你可以提供form元素到FormData構造

data = new FormData(); 
data.append("file", file); 
data.append('test', $('#test').val()); 

另外，：試試這個。請注意，這些項目將被命名爲input作爲關鍵。

var data = new FormData($('form')[0]); 

Answer 2

你可以這樣說：

HTML代碼：

<input type="text" id="test" value=""> 

JS代碼：

data = new FormData(); 
data.append("file", file); 
data.append("test", $('#test').val()); 

$.ajax({ 
    data: data, 
    type: "POST", 
    url: "threads_image_upload.php", 
    cache: false, 
    contentType: false, 
    processData: false, 
    success: function(url) { 
     $('#summernote').summernote('editor.insertImage', url); 
     document.getElementById("loading_upload_threads_image").style.display = "none"; 
    } 
}); 

，並在PHP中，你可以訪問它爲：

$test = $_POST['test']; 

希望這有助於！