Passer plusieurs paramètres à l'appel jQuery ajax

J'ai le code jquery suivant pour appeler une méthode Web dans une page aspx

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

et voici la signature de la méthode web

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

Cela fonctionne très bien.

Mais maintenant, j'ai besoin de passer deux paramètres à la méthode Web

la nouvelle méthode Web ressemble à ceci

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

Comment changer le code client pour appeler avec succès cette nouvelle signature de méthode?

ÉDITER:

Les 2 syntaxes suivantes ont fonctionné

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

et

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

où le filtre et les paramètres régionaux sont des variables locales

N'utilisez pas la concaténation de chaînes pour passer des paramètres, utilisez simplement un hachage de données:

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

METTRE À JOUR:

Comme suggéré par @Alex dans la section des commentaires, un PageMethod ASP.NET s'attend à ce que les paramètres soient encodés en JSON dans la requête, il JSON.stringifydoit donc être appliqué sur le hachage de données:

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

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

ajoutez simplement autant de propriétés que nécessaire à l'objet de données.

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

N'utilisez pas la méthode ci-dessous pour envoyer les données en utilisant un appel ajax

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

Si par erreur l'utilisateur saisit un caractère spécial comme un guillemet simple ou un guillemet double, l'appel ajax échoue en raison d'une chaîne incorrecte.

Utilisez la méthode ci-dessous pour appeler le service Web sans aucun problème

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


data: JSON.stringify(parameter)

Dans le paramètre ci-dessus se trouve le nom de l'objet javascript et le stringify en le passant à l'attribut data de l'appel ajax.

Quelqu'un d'autre a-t-il remarqué que la chaîne / l'objet json n'est pas valide dans toutes les réponses à l'exception de celle de David Hedlund? :)

Les objets JSON doivent être formatés de la manière suivante: {"key": ("value" | 0 | false)}. De plus, l'écrire sous forme de chaîne nécessite beaucoup moins que de stringifier l'objet ...

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

Juste pour ajouter [Cette ligne fonctionne parfaitement dans Asp.net et trouver des champs de contrôle Web en jason Par exemple: <% Fieldname%>]

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

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

Tout est question de données que vous transmettez; doit chaîne correctement formatée. Si vous transmettez des données vides, data: {} fonctionnera. Cependant, avec plusieurs paramètres, il doit être correctement formaté, par exemple

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

....

données: dataParam

...

La meilleure façon de comprendre est d'avoir un gestionnaire d'erreurs avec un paramètre de message approprié, afin de connaître les erreurs détaillées.

J'ai passé avec succès plusieurs paramètres en utilisant json

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