как отправить значения формы, используя вызов ajax, без кнопки отправки

Question

Я разрабатываю приложение MVC.

Я хочу отправить форму с помощью функции ajax, не используя стандартное событие нажатия кнопки отправки.

Я хочу передать объект модели вместе со строкой массива (который не связан с объектом модели.)

У меня есть ниже код Создать Посмотреть

@using (Html.BeginForm("Create", "AdviceCreate", FormMethod.Post, new { enctype = "multipart/form-data", id = "frmCreate", onsubmit = "disableSubmitButton()" })) 

{ }

$('#create').click(function() { 

      alert("create") 

      var count = $(".clsInvoiceId").length; 
      var invoiceDetailsArray = new Array(); 
      var ledgerDetailsArray = new Array(); 

      var obj = '@Html.Raw(Json.Encode(Model))'; 



      $.ajax({ 
       contentType: 'application/json; charset=utf-8',   
       url: '@Url.Action("Create", "AdviceCreate")', 
       type: 'POST',  

       data: 
       JSON.stringify({ 
        AdviceCreateVM : obj, 
        InvoiceDetails : invoiceDetailsArray, 
        LedgerDetails : ledgerDetailsArray 

       }),    
       success: function() { 

       } 
      }); 
     }); 

и ниже кода в контроллере

public ActionResult Create(AdviceCreateVM AdviceCreateVM, string[] InvoiceDetails, string[] LedgerDetails) 
{ 
} 

, но в контроллере AdviceCreateVM поставляется как NULL ...

отсутствует?

Answer 1

Если я понимаю вас, вы хотите вручную отправить форму нажатием кнопки и вместе с ней, вы хотите предоставить дополнительные данные.

Редактировать: Исправлены некоторые ошибки. здесь работает Example in .Net Fiddle check console.log выход в скрипке. Удаленный контент-тип, как мы его настраиваем, jquery ajax автоматически обнаружит его.

$('#create').click(function (e) { 

      e.preventDefault(); 
      alert("create") 

      var count = $(".clsInvoiceId").length; 
      var invoiceDetailsArray = new Array(); 
      var ledgerDetailsArray = new Array(); 

      //If you have validation attached, then you need to validate the form first and before submit if form is valid. 

      var obj =$("#frmCreate").serializeArray(); //serializeArray gives you a name,value object 
      //Append extra data to above name/value collection, 
      obj.push({name: 'InvoiceDetails', value: invoiceDetailsArray}); 
      obj.push({name: 'LedgerDetails', value: ledgerDetailsArray}); 

      $.ajax({ 

       url: '@Url.Action("Create", "AdviceCreate")', 
       type: 'POST',  

       data: 
       obj,    
       success: function() { 

       } 
      }); 
     }); 

Answer 2

Обычно я делаю это:

var postData = $("#form1").serializeArray(); 

$.ajax({ 
       contentType: 'application/json; charset=utf-8',   
       url: '@Url.Action("Create", "AdviceCreate")', 
       type: 'POST',  

       data: postData 

       success: function() { 

       } 
      }); 

Answer 3

Ваше мнение оказывается, прежде чем ваша функция нажатия кнопки называется (, потому что вы делаете на стороне клиента, вызов). так что ваш код

var obj = '@Html.Raw(Json.Encode(Model))'; 

является нулевым becuase Model является пришедшим нулем от контроллера. Итак, как вы говорите, вы получаете значения из динамических текстовых полей, тогда правильный путь - получить данные на стороне клиента (т. Е. С помощью jQuery или javascript) и вручную создать массив javascript и передать его на сервер, или вы должны улавливайте данные на сервере в контроллере после того, как форма будет отправлена ​​на сервер.
Наказание, если вы думаете о коде;

var obj = '@Html.Raw(Json.Encode(Model))'; 

будет получать данные после щелчка на стороне клиента, после чего вы находитесь на неправильном пути.