jquery ajax调用-submitting一些表单数据

时间:2016-10-31 09:11:59

标签: jquery ajax

我有一个包含大量控件的网页。其中一些是'文件'控件,用于上传图片。 我使用JQuery Ajax调用来上传图像。我已经有很长时间从互联网本身上传图像的代码。代码如下:

$.ajax({
    url: "upload.php",
    type: "POST",
    data:  new FormData(this),<<------Submitting all the form data
    mimeType: "multipart/form-data",
    cache: false,
    success: function(data){
    $("#gallery").html(data);
    },
    error: function(){}             
});

正如您在上面的代码片段中看到的那样,整个表单数据都是POSTED。现在假设我没有发布表单的整个数据,而是选择仅发布来自表单的数据。 说第一个文件控制'file_1'。我该怎么办?我上面写的什么用箭头标记。希望你理解我的问题。

1 个答案:

答案 0 :(得分:1)

您可以创建新的FormData对象并使用其append()方法仅添加所需的数据:

var fd = new FormData();
fd.append('foo', $('#bar').val());

$.ajax({
    url: 'upload.php',
    data: fd,
    // ...
});

进一步阅读MDN

上提供的FormData