Envie dados JSON via POST (ajax) e receba resposta json do Controller (MVC)

Eu criei uma function em javascript assim:

function addNewManufacturer() { var name = $("#id-manuf-name").val(); var address = $("#id-manuf-address").val(); var phone = $("#id-manuf-phone").val(); var sendInfo = { Name: name, Address: address, Phone: phone }; $.ajax({ type: "POST", url: "/Home/Add", dataType: "json", success: function (msg) { if (msg) { alert("Somebody" + name + " was added in list !"); location.reload(true); } else { alert("Cannot add to list !"); } }, data: sendInfo }); } 

Eu chamei o arquivo de script jquery.json-2.3.min.js e usei para o toJSON(array) .

No controller, eu tenho essa ação Add

 [HttpPost] public ActionResult Add(PersonSheets sendInfo) { bool success = _addSomethingInList.AddNewSomething( sendInfo ); return this.Json( new { msg = success }); } 

Mas o parâmetro sendInfo as method se torna nulo.

O modelo:

 public struct PersonSheets { public int Id; public string Name; public string Address; public string Phone; } public class PersonModel { private List _list; public PersonModel() { _list= GetFakeData(); } public bool AddNewSomething(PersonSheets info) { if ( (info as object) == null ) { throw new ArgumentException( "Person list cannot be empty", "info" ); } PersonSheets item= new PersonSheets(); item.Id = GetMaximumIdValueFromList( _list) + 1; item.Name = info.Name; item.Address = info.Address; item.Phone = info.Phone; _list.Add(item); return true; } } 

Como eu poderia fazer no método de ação quando os dados foram enviados com o POST?

Eu não sei usar. Além disso, é possível enviar de volta a resposta (para ajax) via JSON?

Obrigado

Crie um modelo

 public class Person { public string Name { get; set; } public string Address { get; set; } public string Phone { get; set; } } 

Controladores como abaixo

  public ActionResult PersonTest() { return View(); } [HttpPost] public ActionResult PersonSubmit(Vh.Web.Models.Person person) { System.Threading.Thread.Sleep(2000); /*simulating slow connection*/ /*Do something with object person*/ return Json(new {msg="Successfully added "+person.Name }); } 

Javascript

  
 var SendInfo= { SendInfo: [... your elements ...]}; $.ajax({ type: 'post', url: 'Your-URI', data: JSON.stringify(SendInfo), contentType: "application/json; charset=utf-8", traditional: true, success: function (data) { ... } }); 

e em ação

 public ActionResult AddDomain(IEnumerable SendInfo){ ... 

você pode vincular sua matriz assim

 var SendInfo = []; $(this).parents('table').find('input:checked').each(function () { var domain = { name: $("#id-manuf-name").val(), address: $("#id-manuf-address").val(), phone: $("#id-manuf-phone").val(), } SendInfo.push(domain); }); 

Espero que isso possa ajudá-lo.

Use JSON.stringify() .

Altere seu código: data: sendInfo para data: JSON.stringify(sendInfo) . Espero que isso possa ajudá-lo.

Seu PersonSheets tem uma propriedade int Id , Id não está no post, então modelBinding falha. Torna Id anulável (int?) Ou envia pelo menos Id = 0 com o POst.

Você não precisa chamar $.toJSON e adicionar traditional = true

 data: { sendInfo: array }, traditional: true 

faria.