Что я сделал с моим кодом Ajax?

Question

Я хочу добавить элементы в свой список при нажатии кнопки, тогда он должен вернуть значение, добавленное в listbox через ajax.

Вот код, что я пробовал.

$('#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 код:

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

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

Назад конец Код:

[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 ...

Проблема: с этой части кода. data: '{listItems:' + item + '}' Вы не строите JSON правильно.

Приведенный выше код возвращает данные как "{listItems:testing}", что является недопустимым JSON. Заметьте, что нет " " вокруг строки testing, о чем говорит ошибка.

использовать JSON.stringify() вместо того, чтобы вручную загрязнять руки. Замените эту строку кода с

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

Это возвращает данные как "{"listItems":"testing"}" и его действительным JSON.