pasar varios parámetros a jQuery Ajax llamada

Question

que tienen el siguiente código de 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 tengo que conseguir dos parámetros pasados ​​al método Web

el nuevo método web se ve como esto

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

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

EDIT:

Los siguientes 2 sintaxis trabajaron

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

No utilizar la concatenación de cadenas para pasar parámetros, sólo tiene que utilizar 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 
}); 

---

ACTUALIZACIÓN:

Como sugiere @Alex en la sección de comentarios, una ASP.NET PageMethod espera que los parámetros se codifiquen en JSON en la solicitud, por lo que JSON.stringify se debe aplicar en el 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 2

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

Answer 3

sólo tiene que añadir tantas propiedades como necesita 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 4

¿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 se deben formatear de la siguiente manera: {"clave": ("valor" | 0 | falso)}. Además, escribirlo como una cadena requiere mucho menos que codificar el objeto ...

Answer 5

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

Answer 6

Todo es cuestión de datos que se pasan; 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 tener el formato correcto p.

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

....

datos: dataParam

...

La mejor manera de entender es tener controlador de errores con el parámetro de mensaje adecuado, a fin de conocer los errores detallados.

Answer 7

me ha pasado con éxito múltiples parámetros usando JSON

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

Answer 8

Sólo para añadir en [Esta línea perfectamente trabajar en Asp.net & hallazgo de control web en campos Jason Ej: <% Fieldname%>]

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

Answer 9

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 10

no utilice el método de abajo para enviar los datos a través de ajax llamada

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.

Uso debajo método para llamar al servicio web sin ningún problema

var parameter = { 
     jewellerId: filter, 
     locale : locale 
}; 


data: JSON.stringify(parameter) 

En parámetro anterior es el nombre del objeto y Javascript stringify que al pasar al atributo de datos de la llamada AJAX.