Was habe ich falsch mit meinem Ajax-Code gemacht?

Question

Ich möchte Elemente in meiner Listbox hinzufügen, wenn auf die Schaltfläche geklickt wird, dann muss der Wert zurückgegeben werden, der in Listbox durch Ajax hinzugefügt wurde.

Hier der Code, was ich ausprobiert habe.

$('#right').click(function() { 
    alert("Start process"); 
    var item = "testing"; 

    $.ajax({ 
     url: 'ReportSalesAll.aspx/setRightListBoxitems', 
     method: 'post', 
     ContentType: 'application/json', 
     data: '{listItems:' + item + '}', 
     dataType: 'json', 
     success: function (data) { 
      alert("result = " + data.d.text) 
     }, 
     failure: function (response) { 
      alert(response.d); 
     }, 
     error: function (error) { 
      alert("Error = "+error); 
     } 
    }); 
}); 

Aspx-Code:

<input type="button" id="right" value=">>" /> 

<asp:ListBox ID="lstRight" runat="server" SelectionMode="Multiple" Width="100%" Height="220"></asp:ListBox> 

Zurück Endcode:

[System.Web.Services.WebMethod] 
public static string setRightListBoxitems(string listItems) 
{ 
    ReportSalesAll rs = new ReportSalesAll(); 
    rs.lstRight.Items[0].Text = listItems; 
    rs.lstRight.Items[0].Value = "faisal "+listItems ; 
    return rs.lstRight.Items[0].Text; 
} 

I got the error when I run Error = [Object object]

readyState:4, status:500 statusText:Internal server error responseText: Message: "invalid JSON primitive: testing.",StackTrace":" at System.Web.Script.Serialization.JavaScriptObjectDeserializer.DeserializePrimitiveObject()

Answer 1

"invalid JSON primitive: testing.",StackTrace":" at ...

Problem: mit diesem Teil des Codes ist. data: '{listItems:' + item + '}' Sie erstellen das JSON nicht ordnungsgemäß.

Der obige Code gibt die Daten als "{listItems:testing}" zurück, was JSON ungültig ist. Beachten Sie, dass es keine " " um die Zeichenfolge testing gibt, was der Fehler sagt.

Lösung: Verwenden Sie JSON.stringify() anstatt manuell Ihre Hände schmutzig zu bekommen. Ersetzen Sie die obige Codezeile mit

data: JSON.stringify({listItems:item}); 

Dies gibt die Daten als "{"listItems":"testing"}" und seine eine gültige JSON.