如何调用 $.post 并设置内容类型多部分/表单数据数据

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 页面，这里我将数据保存在数据库中。

现在在这个表单上还有一个文件输入，所以它必须是将内容类型设置为多部分/表单数据

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

java.io.IOException：发布的内容类型不是多部分/表单数据

我的形式是这样的

<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;
});