Jquery 양식 제출이 작동하지 않습니다.

Question

<script type="text/javascript"> 
        $('#fileUpload').submit(function (evt) { 
         evt.preventDefault(); 
         $.ajax({ 
          url: "/Transport/GridUpload", 
          type: 'POST', 
          data: $("#fileUpload").serialize(), 
          success: function (response) { 
          alert("it Works"); 
          } 
         }); 
        }); 
       </script> 

양식을 Ajax를 통해 게시하려하지만 작동하지 않습니다.

양식 HTML :

@using (Html.BeginForm("GridUpload", "Transport", new { tipas = 1 }, FormMethod.Post, new {enctype="multipart/form-data", id = "fileUpload" })) 
        { 
         <table style="margin-top:0px;"> 
          <tr> 
           <td> 
            <label for="file">Filename:</label> 
           </td> 
           <td> 
            <input type="file" name="file" id="file" /> 
           </td> 
           <td> 
            <input type="submit" class="upload-button" value="Upload" /> 
           </td> 
          </tr> 
         </table> 
        } 

내가 얻을 오류 :

POST http://localhost:3043/Transport/GridUpload 500 (Internal Server Error) 

내 코드에 어떤 문제가 될 수있다? 내가 놓친 게 있니? 레코드의 경우 evt.preventDefault()를 제거하면; 모든 것은 작동하지만 아약스없이 폼을 제출하는 것을 막을 필요가 있습니다.

Answer 1

변경은 SUMIT와 Ajax를 수행하지 못할

@using (Html.BeginForm("GridUpload", "Transport", new { tipas = 1 }, 

FormMethod.Post, new {enctype="multipart/form-data", id = "fileUpload1" }))