如何使用AJAX解决JSP的表单问题？

Question

我想使用Ajax将数据从表单发送到Servlet，但是当我检查正在使用jQuery .serialize（）函数进行序列化的数据时，我注意到它并没有采用文件字段。在先前的测试中，我收到一条类似以下消息的错误消息：请求被拒绝，因为没有找到多部分数据

以下是表单HTML代码：

<form id="frmCrcnCaso" class="form-horizontal" enctype="multipart/form-data">
   <input id="txtNoVlt" name="txtNoVlt" type="text" class="form-control">
   <input id="txtNmr" name="txtNmr" type="text" class="form-control">
   <input id="txtFchOfc" name="txtFchOfc" type="date" class="form-control">
   <input id="flAcvAjt" name="flAcvAjt" type="file" class="form-control"/>
</form>
<button id="btnGuardar" type="button" class="btn btn-lg btn-primary">
    Guardar
</button>

这是JavaScript代码：

$("#btnGuardar").on("click",function(){
    ValidarGuardado();
});

function ValidarGuardado(){
  ...
  // Activar el guardado
  Guardar();         
}// </editor-fold>

function Guardar(){
     $(...).append("...
         <button id='btnGdrCaso' type='button' class='btn btn-primary'><i class='fa fa-check'></i> Guardar</button>\n\
      ...");

     $(...).modal();

     $("#btnGdrCaso").on("click",function(){
         ...
         var datosCaso = $("#frmCrcnCaso").serialize();
         ...
         $.ajax({
             url: "GuardarCaso" // Servlet name,
             type: "POST",
             contentType : false,
             data: datosCaso,             
             success:function(r){
                 if(r === "1"){
                     ...
                 }else if(r === "2"){
                     ...
                 }else{
                     ...
                 }
             },
             error:function(r){
                 ...
             }
         });
     });
}