Invia dati JSON tramite POST (ajax) e ricevi la risposta JSON dal Controller (MVC)

Ho creato una funzione in javascript in questo modo:

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 }); } 

Ho chiamato il file di script jquery.json-2.3.min.js e l’ho usato per il toJSON(array) .

Nel controller, ho questa azione Add

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

Ma sendInfo come parametro method diventa null.

Il modello:

 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; } } 

Come posso fare nel metodo di azione quando i dati sono stati inviati con POST?

Non so come si usa Inoltre, è ansible inviare la risposta (ad ajax) tramite JSON?

Grazie

Crea un modello

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

Controller come sotto

  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 in azione

 public ActionResult AddDomain(IEnumerable SendInfo){ ... 

puoi associare il tuo array in questo modo

 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); }); 

Spero che questo possa aiutarti.

Usa JSON.stringify() .

Cambia il tuo codice: data: sendInfo ai data: JSON.stringify(sendInfo) . Spero che questo possa aiutarti.

Il tuo PersonSheets ha una proprietà int Id , Id non è nel post, quindi modelbinding non riesce. Rendi Id nullable (int?) O invia atleast Id = 0 con il POst.

Non è necessario chiamare $.toJSON e aggiungere traditional = true

 data: { sendInfo: array }, traditional: true 

farebbe.