AJAX & Web Api Post Method - Come funziona?

Question

Sto provando a scrivere nel mio database usando AJAX/Jquery e C#. Ogni volta che passo il parametro nel codice C# lo mostra come nullo. Sto usando il modello predefinito che lo studio visivo genera durante la creazione di una classe controller. Qualsiasi aiuto sarebbe apprezzato!

NOte: questo è un servizio di assistenza che sto tentando di chiamare. (. Un sito web regolare ASP ... non MVC Inoltre, l'API REST GET funziona perfettamente.)

Jquery/AJAX:

 var dataJSON = { "name": "test" } 

     $('#testPostMethod').bind("click", GeneralPost); 
     function GeneralPost() { 
      $.ajax({ 
       type: 'POST', 
       url: '../api/NewRecipe', 
       data:JSON.stringify(dataJSON), 
       contentType: 'application/json; charset=utf-8', 
       dataType: 'json' 
      }); 
     } 

C#

//If I remove the [FromBody] Tag then when I click the button this method is never called. 
    public void Post([FromBody]string name) 

    { 

    } 

EDIT:

Ho modificato leggermente il mio codice ma sto ancora riscontrando lo stesso problema. Per ricapitolare, sta caricando il metodo POST, ma sta passando in null.

C#

public class RecipeInformation 
    { 
     public string name { get; set; } 

    } 

     public void Post(RecipeInformation information) 

     { 

     } 

AJAX:

var dataJSON = { information: { name: "test" } }; 

    $('#testPostMethod').bind("click", GeneralPost); 
    console.log(dataJSON); 
    function GeneralPost() { 
     $.ajax({ 
      type: 'POST', 
      url: '../api/NewRecipe', 
      data: dataJSON, 
      contentType: 'application/json; charset=utf-8', 
     }); 
    } 

Answer 1

Per tipo semplice, sul lato server:

public void Post([FromBody]string name) 
{ 
} 

sul lato client, è sufficiente definire se si desidera inviare in formato JSON:

var dataJSON = "test"; 

    $('#testPostMethod').bind("click", GeneralPost); 
    function GeneralPost() { 
     $.ajax({ 
      type: 'POST', 
      url: '/api/NewRecipe', 
      data: JSON.stringify(dataJSON), 
      contentType: 'application/json; charset=utf-8', 
      dataType: 'json' 
     }); 
    } 

Se si vuole farlo funzionare nel tipo complesso, dal lato server è necessario definire:

public class RecipeInformation 
{ 
    public string name { get; set; } 
} 

public class ValuesController : ApiController 
{ 
    public void Post(RecipeInformation information) 
    { 
    } 
} 

E dal lato client:

var dataJSON = { name: "test" }; 

    $('#testPostMethod').bind("click", GeneralPost); 
    function GeneralPost() { 
     $.ajax({ 
      type: 'POST', 
      url: '/api/NewRecipe', 
      data: JSON.stringify(dataJSON), 
      contentType: 'application/json; charset=utf-8', 
      dataType: 'json' 
     }); 
    } 

Answer 2

Suppongo che si sta utilizzando ASP.NET WebAPI e legare tutti i tipi semplici (int, bool, stringhe, ecc) da URL e tutti tipi complessi dal corpo. Quando hai contrassegnato il nome con l'attributo FromBody, lo associa dal corpo della richiesta anziché dalla mappatura URL.

Potete leggere di più su ASP.NET WebAPI il routing e il parametro vincolante qui:

• On www.asp.net
• On www.west-wind.com
• e MSDN

Answer 3

C'è un pezzo che ti manca è gli attributi del contratto dati Se si effettua una classe come:

[DataContract] 
public class RecipeInformation 
{ 
    [DataMember] 
    public string name { get; set; } 
} 

Questi attributi si trovano in System.Runtime.Serialization e il parser Json (Json.NET) li utilizza per (help) deserializzare il modello.

Answer 4

Si può provare a fare qualcosa di simile e utilizzare il metodo di jQuery param

var postData = { 
     name : 'name' 
    } 

    $('#testPostMethod').bind("click", GeneralPost); 
    function GeneralPost() { 
     $.ajax({ 
      type: 'POST', 
      url: '../api/NewRecipe', 
      data: $.param(postData,true), 
      contentType: 'application/json; charset=utf-8', 
      dataType: 'json' 
     }); 
    } 

Answer 5

Legatura in controllori API è un po 'sul lato strano. Credo:

public void Post([FromBody]RecipeInformation information) 

con

var dataJSON = { name: "test" }; 

dovrebbe funzionare, e sicuramente funzionerà solo se si passa come dati del modulo.

Answer 6

ho trovato il problema con l'aiuto di Microsoft Docs codice Usa JS come detto

$.post('api/updates/simple', { "": $('#status1').val() }); 

Quello che mi è mancata è stata l'aggiunta di nome della proprietà vuota, così che cosa OP deve fare è {"":data:JSON.stringify(dataJSON)}, invece di data:JSON.stringify(dataJSON),