c# 4.0 - mostrar - Envío de objeto JSON a la API web

recorrer objeto json javascript

Question

Estoy intentando descubrir cómo puedo enviar información de un formulario a una acción de API web. Este es el jQuery / AJAX que trato de usar:

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

Aquí está mi modelo

public class PartSourceModel
{
public int ID { get; set; }
public int ProductID { get; set; }
public int VendorID { get; set; }
public string PartNumber { get; set; }
}

Aquí está mi vista

<div id="part-sources">
@foreach (SmallHorse.ProductSource source in Model.Sources)
{
@source.ItemNumber <br />
}
</div>
<label>Part Number</label>
<input type="text" id="part-number" name="part-number" />
<input type="submit" id="save-source" name="save-source" value="Add" />

Aquí está mi acción de controlador

// POST api/partsourceapi
public void Post(PartSourceModel model)
{
// currently no values are being passed into model param
}

¿Qué me estoy perdiendo? ahora cuando depuro y paso por esto cuando la solicitud de ajax golpea la acción del controlador, no pasa nada al parametro del modelo.

Answer 1

Cambio:

 data: JSON.stringify({ model: source })

A:

 data: {model: JSON.stringify(source)}

Y en tu controlador haces esto:

public void PartSourceAPI(string model)
{
System.Web.Script.Serialization.JavaScriptSerializer js = new System.Web.Script.Serialization.JavaScriptSerializer();
var result = js.Deserialize<PartSourceModel>(model);
}

Si la URL que utiliza en jquery es /api/PartSourceAPI , el nombre del controlador debe ser api y la acción (método) debe ser PartSourceAPI

Answer 2

Creo que necesitas cotizaciones alrededor del model :

JSON.stringify({ "model": source })

Answer 3

Prueba esto:

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

Controlador

 public string Post(PartSourceModel model)
{
return model.PartNumber;
}

Ver

<label>Part Number</label>
<input type="text" id="part-number" name="part-number" />
<input type="submit" id="save-source" name="save-source" value="Add" />

Ahora cuando haga clic en " Add " después de completar el cuadro de texto, el controller escupirá nuevamente lo que escribió en el cuadro PartNumber en una alerta.

Answer 4

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

sus datos son algo así como "{" modelo ":" ID ": 0," ProductID ": 6," PartNumber ": 7," VendorID ": 8}}" controlador web api no puede vincularlo a su modelo