Übergeben Sie mehrere Parameter an den AjQ-Aufruf von jQuery

Ich habe den folgenden Abfragecode, um eine Webmethode in einer Aspx-Seite aufzurufen

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

und hier ist die Signatur der Webmethode

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

Das funktioniert gut.

Aber jetzt muss ich zwei Parameter an die Webmethode übergeben

Die neue Webmethode sieht so aus

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

Wie ändere ich den Clientcode, um diese neue Methodensignatur erfolgreich aufzurufen?

BEARBEITEN:

Die folgenden 2 Syntaxen haben funktioniert

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

und

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

Dabei sind Filter und Gebietsschema lokale Variablen

Verwenden Sie keine Zeichenfolgenverkettung, um Parameter zu übergeben, sondern verwenden Sie einfach einen Daten-Hash:

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

AKTUALISIEREN:

Wie von @Alex im Kommentarbereich vorgeschlagen, erwartet eine ASP.NET-Seitenmethode, dass Parameter in der Anforderung JSON-codiert werden JSON.stringify sollte daher auf den Daten-Hash angewendet werden:

$.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 + '"}',

Fügen Sie dem Datenobjekt einfach so viele Eigenschaften hinzu, wie Sie benötigen.

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

Verwenden Sie nicht die folgende Methode, um die Daten mit einem Ajax-Aufruf zu senden

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

Wenn der Benutzer versehentlich ein Sonderzeichen wie ein einfaches oder ein doppeltes Anführungszeichen eingibt, schlägt der Ajax-Aufruf aufgrund einer falschen Zeichenfolge fehl.

Verwenden Sie die folgende Methode, um den Webdienst ohne Probleme aufzurufen

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


data: JSON.stringify(parameter)

Im obigen Parameter ist der Name des Javascript-Objekts angegeben und wird beim Übergeben an das Datenattribut des Ajax-Aufrufs stringifiziert.

Hat jemand anderes bemerkt, dass der JSON-String / das JSON-Objekt in allen Antworten außer David Hedlunds ungültig ist? :) :)

JSON-Objekte müssen folgendermaßen formatiert werden: {"key": ("value" | 0 | false)}. Außerdem erfordert das Ausschreiben als Zeichenfolge viel weniger als das Zeichenfolgen des Objekts ...

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

Nur zum Hinzufügen [Diese Zeile funktioniert perfekt in Asp.net und findet Websteuerungsfelder in Jason. Beispiel: <% 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");
    }
    }); 

Es geht nur um Daten, die Sie übergeben. muss den String richtig formatieren. Wenn Sie leere Daten übergeben, funktionieren data: {}. Bei mehreren Parametern muss es jedoch richtig formatiert werden, z

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

....

Daten: dataParam

...

Der beste Weg, dies zu verstehen, besteht darin, einen Fehlerbehandler mit den richtigen Nachrichtenparametern zu haben, um die detaillierten Fehler zu kennen.

Ich habe erfolgreich mehrere Parameter mit json übergeben

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