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

我有这样的输入类型文本

<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帖子？

解决方法:

您可以使用append()方法将所需的任何数据添加到FormData对象中 – 正如您的注释事件所示.试试这个：

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

或者,如果要发送表单中的所有数据,则可以将表单元素提供给FormData构造函数.请注意,项目将被赋予输入的名称作为键.

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