asp.net - por - Pasar múltiples parámetros a jQuery llamada ajax

jquery ajax mvc asp

Question

Tengo el siguiente código jquery para llamar a un webmethod en una página aspx

$.ajax({
type: "POST",
url: "popup.aspx/GetJewellerAssets",
contentType: "application/json; charset=utf-8",
data: ''{"jewellerId":'' + filter + ''}'',
dataType: "json",
success: AjaxSucceeded,
error: AjaxFailed
});

y aquí está la firma del método web

[WebMethod]
public static string GetJewellerAssets(int jewellerId)
{

Esto funciona bien

Pero ahora necesito obtener dos parámetros pasados ​​al método web

el nuevo método web se ve así

[WebMethod]
public static string GetJewellerAssets(int jewellerId, string locale)
{
}

¿Cómo cambio el código del cliente para llamar con éxito a esta nueva firma de método?

EDITAR:

Las siguientes 2 sintaxis funcionaron

data: ''{ "jewellerId":'' + filter + '', "locale":"en" }'',

y

data: JSON.stringify({ jewellerId: filter, locale: locale }),

donde el filtro y la configuración regional son variables locales

Answer 1

¿Alguien más ha notado que la cadena / objeto json no es válida en todas las respuestas, excepto en la de David Hedlund? :)

Los objetos JSON deben formatearse de la siguiente manera: {"clave": ("valor" | 0 | falso)}. Además, escribirlo como una cadena requiere mucho menos que codificar el objeto ...

Answer 2

NO use el siguiente método para enviar los datos usando una llamada ajax

data: ''{"jewellerId":"'' + filter + ''","locale":"'' + locale + ''"}''

Si por error el usuario ingresa un carácter especial como comilla simple o comillas dobles, la llamada ajax falla debido a una cadena incorrecta.

Use el método a continuación para llamar al servicio web sin ningún problema

var parameter = {
jewellerId: filter,
locale : locale
};
data: JSON.stringify(parameter)

En el parámetro anterior se encuentra el nombre del objeto javascript y lo escribe en un string al pasarlo al atributo de datos de la llamada ajax.

Answer 3

No use la concatenación de cadenas para pasar parámetros, solo use un hash de datos:

$.ajax({
type: ''POST'',
url: ''popup.aspx/GetJewellerAssets'',
contentType: ''application/json; charset=utf-8'',
data: { jewellerId: filter, locale: ''en-US'' },
dataType: ''json'',
success: AjaxSucceeded,
error: AjaxFailed
});

ACTUALIZAR:

Tal como lo sugiere @Alex en la sección de comentarios, un ASP.NET PageMethod espera que los parámetros se codifiquen en JSON en la solicitud, por lo que JSON.stringify debe aplicar al hash de datos:

$.ajax({
type: ''POST'',
url: ''popup.aspx/GetJewellerAssets'',
contentType: ''application/json; charset=utf-8'',
data: JSON.stringify({ jewellerId: filter, locale: ''en-US'' }),
dataType: ''json'',
success: AjaxSucceeded,
error: AjaxFailed
});

Answer 4

Pasé con éxito varios parámetros usando json

data: "{''RecomendeeName'':''" + document.getElementById(''txtSearch'').value + "''," + "''tempdata'':''" +"myvalue" + "''}",

Answer 5

Se trata de datos que pasas; tiene una cadena con el formato adecuado. Si está pasando datos vacíos, entonces los datos: {} funcionarán. Sin embargo, con múltiples parámetros, debe estar formateado adecuadamente, por ejemplo

var dataParam = ''{'' + ''"data1Variable": "'' + data1Value+ ''", "data2Variable": "'' + data2Value+ ''"'' + ''}'';

....

datos: dataParam

...

La mejor forma de entender es tener un controlador de errores con el parámetro de mensaje adecuado, para conocer los errores detallados.

Answer 6

Solo para agregar [Esta línea funciona perfectamente en Asp.net y busca campos de control web en jason Ej .: <% Fieldname%>]

 data: "{LocationName:''" + document.getElementById(''<%=txtLocationName.ClientID%>'').value + "'',AreaID:''" + document.getElementById(''<%=DropDownArea.ClientID%>'').value + "''}",

Answer 7

simplemente agregue tantas propiedades como necesite al objeto de datos.

 $.ajax({
type: "POST",
url: "popup.aspx/GetJewellerAssets",
contentType: "application/json; charset=utf-8",
data: {jewellerId: filter , foo: "bar", other: "otherValue"},
dataType: "json",
success: AjaxSucceeded,
error: AjaxFailed
});

Answer 8

 var valueOfTextBox=$("#result").val();
var valueOfSelectedCheckbox=$("#radio:checked").val();
$.ajax({
url: ''result.php'',
type: ''POST'',
data: { forValue: valueOfTextBox, check : valueOfSelectedCheckbox } ,
beforeSend: function() {
$("#loader").show();
},
success: function (response) {
$("#loader").hide();
$("#answer").text(response);
},
error: function () {
//$("#loader").show();
alert("error occured");
}
});

Answer 9

$.ajax({
type: ''POST'',
url: ''popup.aspx/GetJewellerAssets'',
data: "jewellerId=" + filter+ "&locale=" + locale,
success: AjaxSucceeded,
error: AjaxFailed
});

Answer 10

data: ''{"jewellerId":"'' + filter + ''","locale":"'' + locale + ''"}'',