我的 Ajax 代码有什么问题？

Question

我想在单击按钮时在我的列表框中添加项目，然后，它必须通过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;
}

运行Error = [Object object]时出现错误

就绪状态：4， 状态：500 statusText：内部服务器错误 responseText：消息：“无效的 JSON 原语：测试。”，StackTrace“：”在 System.Web.Script.Serialization.JavaScriptObjectDeserializer.DeserializePrimitiveObject()

Answer 1

"无效的 JSON 原语：测试。",StackTrace":" at ...

问题：与这部分代码有关。 data: '{listItems:' + item + '}'您没有正确构建 JSON。

以上代码将数据返回为"{listItems:testing}"，这是无效的JSON。请注意，字符串testing 周围没有" "，这就是错误所说的。

解决方案：使用JSON.stringify() 而不是手动弄脏您的手。将上面的代码行替换为

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

这会将数据返回为"{"listItems":"testing"}"，并且它是一个有效的 JSON。