Send JSON data via POST ajax and receive json response from Controller MVC

Question

I created a function in javascript like that   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                I called jquery json-2 3 min js script file and I used it for toJSON array  method   In controller  I have this Add action   HttpPost  public ActionResult Add PersonSheets sendInfo        bool success    addSomethingInList AddNewSomething  sendInfo         return this Json  new            msg   success              But sendInfo as method parameter becomes null   The model   public struct PersonSheets       public int Id      public string Name      public string Address      public string Phone     public class PersonModel       private List lt PersonSheets gt   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            How could I do in action method when the data was sent with POST    I don t know how to use   Also  it is possible to send back the response  to ajax  via JSON

User · Answer

To post JSON  you will need to stringify it  JSON stringify and set the processData option to false     ajax       url  url      type   POST       data  JSON stringify data       processData  false      contentType   application json  charset UTF-8       complete  callback

User · Answer

Your PersonSheets has a property int Id  Id isn t in the post  so modelbinding fails  Make Id nullable  int   or send atleast Id   0 with the POst

User · Answer

Use JSON stringify  lt data gt     Change your code  data  sendInfo to data  JSON stringify sendInfo   Hope this can help you

User · Answer

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                                                    and in action   public ActionResult AddDomain IEnumerable lt PersonSheets gt  SendInfo         you can bind your array like this  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         hope this can help you

User · Answer

Create a model  public class Person       public string Name   get  set        public string Address   get  set        public string Phone   get  set        Controllers Like Below      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   lt script type  text javascript  gt      function send             var person                 name      id-name   val                address     id-address   val                phone     id-phone   val                          target   html  sending                 ajax               url    test PersonSubmit               type   post               dataType   json               contentType   application json               success  function  data                        target   html data msg                              data  JSON stringify person                     lt  script gt

User · Answer

You don t need to call   toJSON and add traditional   true  data    sendInfo  array    traditional  true   would do

[jquery] Send JSON data via POST (ajax) and receive json response from Controller (MVC)

Examples related to jquery

Examples related to ajax

Examples related to asp.net-mvc

Examples related to json