javascript - 通过ajax发送两个数据(图像和数字)

Question

我需要使用ajax传递两个不同的数据。

我有这个:

$('#sendcover').on('click',function(){
$.ajax({
     type: "POST",
     url: "{{ url('articles_changecover') }}",
     data: new FormData($('#test')[0]),
     processData: false,
     contentType: false,
     success: function (data) {
     alert(data);
    }
  });
});

<form name="test" id="test" method="post" enctype="multipart/form-data">
  <input type="text" value="{{article.id}}" name="id" />
  <input type="file" name="cover">
  <button id="sendcover" type="submit" class="saveData">Save</button>
</form>

我需要传递两个带有数据的变量:id 和封面

id - 发送 {{article.id}}封面 - 发送图像

(在后端，它正在上传 img 并对其进行转换 - 但其他人已经完成了)

有人可以帮助我如何正确地做到这一点吗？我从来没有做过这样的事情，我找不到任何有效的答案。 :(

Answer 1

您可以将其作为拆分对象发送，例如

data: {
    myId: id,
    myCover: cover
} 

但目前您发送的整个表单实际上应该是这样的

$('form#test').submit(function(e) {
    e.preventDefault();
    var formData = new FormData(this);

    $.ajax({
        type: "POST",
        url: "{{ url('articles_changecover') }}",
        data: formData
        processData: false,
        contentType: false,
        success: function (data) {
            alert(data);
        }
    });
});

查看源代码看起来很适合发送...至少对我来说^^