如何通过ajax帖子发送值输入类型文本？

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";
            }
        });
    }
});

我想知道如何将值从< code>id="test"发送到我的ajax帖子？

Answer 1

你可以这样做:

代码：

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

JS代码：

js prettyprint-override">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'];

希望这有帮助！

Answer 2

您可以使用append（）方法将想要的任何数据添加到FormDataobject-正如您的注释事件所说的那样。试试这个：

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

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

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