Sending JSON object to Web API

Question

I am trying to figure out how I can send some information from a form to a Web API action  This is the jQuery AJAX I m trying to use   var source               ID   0            ProductID       ID   val              PartNumber       part-number   val             VendorID       Vendors   val                ajax           type   POST           dataType   json           url    api PartSourceAPI            data  JSON stringify   model  source             success  function  data                alert  success                       error  function  error                jsonValue   jQuery parseJSON error responseText               jError  An error has occurred while saving the new part source      jsonValue    TimeShown  3000                         Here is my model  public class PartSourceModel       public int ID   get  set        public int ProductID   get  set        public int VendorID   get  set        public string PartNumber   get  set        Here is my view   lt div id  part-sources  gt       foreach  SmallHorse ProductSource source in Model Sources                 source ItemNumber  lt br   gt         lt  div gt   lt label gt Part Number lt  label gt   lt input type  text  id  part-number  name  part-number    gt    lt input type  submit  id  save-source  name  save-source  value  Add    gt    Here is my controller action     POST api partsourceapi public void Post PartSourceModel model           currently no values are being passed into model param     What am I missing  right now when I debug and step through this when the ajax request hits the controller action there is nothing being passed into the model param

User · Answer

I believe you need quotes around the model   JSON stringify    model   source

User · Answer

var model   JSON stringify         ID   0        ProductID       ID   val          PartNumber       part-number   val         VendorID       Vendors   val         ajax       type   POST       dataType   json       contentType   application json       url    api PartSourceAPI        data  model      success  function  data            alert  success               error  function  error            jsonValue   jQuery parseJSON error responseText           jError  An error has occurred while saving the new part source      jsonValue    TimeShown  3000                var model   JSON stringify         ID   0            5        PartNumber   6       VendorID   7       output is    ID  0  ProductID  5  PartNumber  6  VendorID  7     your data is something like this    model    ID  0  ProductID  6  PartNumber  7  VendorID  8    web api controller cannot bind it to Your model

User · Answer

Change    data  JSON stringify   model  source      To    data   model  JSON stringify source     And in your controller you do this   public void PartSourceAPI string model           System Web Script Serialization JavaScriptSerializer js   new System Web Script Serialization JavaScriptSerializer        var result   js Deserialize lt PartSourceModel gt  model       If the url you use in jquery is  api PartSourceAPI then the controller name must be api and the action method  should be PartSourceAPI

User · Answer

Try this   jquery          save-source   click function  e            e preventDefault            var source                  ID   0                 ProductID       ID   val                 PartNumber       part-number   val                   VendorID       Vendors   val                       ajax               type   POST               dataType   json               url    api PartSourceAPI               data  source              success  function  data                    alert data                              error  function  error                    jsonValue   jQuery parseJSON error responseText                     jError  An error has occurred while saving the new part source      jsonValue    TimeShown  3000                                         Controller      public string Post PartSourceModel model                return model PartNumber          View   lt label gt Part Number lt  label gt   lt input type  text  id  part-number  name  part-number    gt    lt input type  submit  id  save-source  name  save-source  value  Add    gt    Now when you click  Add  after you fill out the text box  the controller will spit back out what you wrote in the PartNumber box in an alert

[c#-4.0] Sending JSON object to Web API

Examples related to c#-4.0

Examples related to jquery

Examples related to asp.net-mvc-4

Examples related to asp.net-web-api