javascript - 如何通过ajax post发送值输入类型的文本？

Question

我有这样的输入类型文本

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

我有这样的 ajax post 函数。

$(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 对象 - 正如您的评论事件所说。试试这个:

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

或者，如果您想发送表单中的所有数据，则可以将 form 元素提供给 FormData 构造函数。请注意，项目将以 input 的名称作为键。

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