如何调用$ .post并设置内容类型Multipart / form-data数据

Question

我在我的JSP页面中有一个Java脚本函数

    function submitProductCategoryForm()
    {
        document.getElementById('isSave').value="1";
        var elements=document.getElementById('addProductCategoryFrom').elements;
        var url = "addProductCategory.jsp?";
       for (var i = 0; i < elements.length; i++)
          url += elements[i].id + "=" + encodeURIComponent($("#" + elements[i].id).val()) + "&";
       $.post(url, function(data)
       {
            alert("Function Complete");
       }); 
   }

它调用一个jsp页面，在这里我将数据保存在DB中。

现在在此表单上也有文件输入，因此必须将内容类型设置为multipart / form-data

但是当我调用此函数时，我发现了错误

java.io.IOException：发布的内容类型不是multipart / form-data

我的表格是这样的

<form action="addProductCategory.jsp" method="post" enctype="multipart/form-data" id="addProductCategoryFrom">

因此，请我将内容类型设置为多部分。

提前致谢

Answer 1

我使用了FormData对象，它似乎可以满足您的要求，请检查我的问题/解决方案https://stackoverflow.com/a/21191491/995514

$("#theForm").submit(function(e){
    e.preventDefault();
    var theForm = new FormData($(this)[0]);
    $.ajax({
        url: '.../rest/save',
        type: 'POST',
        data: theForm,
        cache, false,
        contentType: false,
        processData: false
    });
    return false;
});