通过JQuery AJAX将FormData和字符串数据一起发送

下面是使用JQuery的AJAX函数上传图像的示例

var id = <?php echo $id; ?>;
var img_data = new FormData($("form")[0]);

$.ajax({
    url: 'add.php',
    data: img_data,
    contentType: false,
    processData: false,
    type: 'POST',
    success: function(data){
        alert(data);
    }
});

---

这里的正确语法是什么？

您可以创建一个JSON数据对象，并将其作为application/JSON传递，然后在add.php中处理数据：

var data = {
    id : <?php echo !empty($id) ? $id : "''",
    img_data : new FormData($("form")[0])
};

$.ajax({
    url: 'add.php',
    data: data,
    contentType: "application/json",
    type: 'POST',
    success: function(data){
        alert(data);
    }
});

---

您可以创建一个JSON数据对象，并将其作为application/JSON传递，然后在add.php中处理数据：

var data = {
    id : <?php echo !empty($id) ? $id : "''",
    img_data : new FormData($("form")[0])
};

$.ajax({
    url: 'add.php',
    data: data,
    contentType: "application/json",
    type: 'POST',
    success: function(data){
        alert(data);
    }
});

使用

使用

---

将id存储在表单中的隐藏输入中。将id存储在表单中的隐藏输入中。

$.ajax({
    url: 'add.php?id=' + id,
    data: img_data,
    processData: false,
    type: 'POST',
    success: function(data){
        alert(data);
    }
});

var img_data = new FormData($("form")[0]);
img_data.append('id', id);