Jquery form submit не работает

<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, но это не сработает.Jquery form submit не работает

Форма 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(); все работает, но мне нужно предотвратить отправку формы без ajax.

источник

2014-09-01 Justina Seliokaite

вы не можете сделать SUMIT и Ajax все вместе –

"все работает, но мне нужно, чтобы предотвратить представления формы без AJAX." - Это значит, что мне нужно только ajax submit ...? Так что я должен изменить $ ('# fileUpload'). –

Я видел ур код, что вы загружаете некоторые данные через форму. Таким образом, представленный здесь требуется. Ajax не будет работать. –

Изменить этот

<input type="button" id="fileUpload" class="upload-button" value="Upload" /> 


$('#fileUpload').click(function (evt) {

изменение

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

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

источник

2014-09-01 10:21:41 Amit

то как будет загружаться работает код? по мере его выгрузки данных –

@Regent Good Point – Amit

Why Downvote !!! – Amit

Jquery form submit не работает

ответ

Смежные вопросы