javascript - 如何将json类型的数据附加到新的FormData

Question

我有一个这样的 php 文件

<form id="f-comment" class="form" method="post" action="submit_img_comment.php">
    <textarea name="comment"></textarea>
    <input type="submit" value="Publish" data-params='{"imageid":<?php echo $imageid; ?>}'>
</form>

我正在使用 jQuery ajax 发送表单

$(document).on("submit", ".form", function(e) {
    e.preventDefault();

    // what form are you submitting?
    var form = $("#" + e.target.id);

    // parameters to send along with data
    var params = $(this).data("params");

    $.ajax({
        type: form.attr("method"),
        url: "include/" + form.attr("action"),
        data: new FormData(this),
        dataType: "json",
        contentType: false,
        processData: false,
        cache: false
    }).done(function(data) {
        alert(data['msg']);
    }).fail(function(data) {
        alert("Error: Ajax Failed.");
    }).always(function(data) {
        // always do the following, no matter if it fails or not
    })
});

到目前为止一切顺利。

唯一缺少的是如何将参数添加到 FormData。有什么想法吗？

Answer 1

使用.append()，参见Using FormData Objects ;将 params 声明处的选择器调整为 $(input[type=submit], this) ，其中 this 是 form 和 .data() 引用 .data() 在 input type="submit" 元素

 $(document).on("submit", ".form", function(e) {
    e.preventDefault();
    var data = new FormData("form", this);
    var params = $("input[type=submit]", this).data("params");
    data.append("params", params);
    $.ajax({
        type: form.attr("method"),
        url: "include/" + form.attr("action"),
        data: data,
        dataType: "json",
        contentType: false,
        processData: false,
        cache: false
    }).done(function(data) {
        alert(data['msg']);
    }).fail(function(data) {
        alert("Error: Ajax Failed.");
    }).always(function(data) {
        // always do the following, no matter if it fails or not
    })
  })