在代码隐藏中使用 AJAX Post 方法的问题

Question

我正在寻求有关通过 Ajax 方法将 JSON 数据发送到 url 的帮助，然后我可以访问以使用其值。我想我拥有大部分组件，但我不确定一旦我使用我的 Web 方法该做什么。在访问我的 Web 方法之前是否有任何错误？此外，我在 Stack Overflow 上搜索了大约 20 个类似的示例，虽然其中一些可能是我的问题的解决方案，但我要么不理解，要么错过了它。

我的脚本

function UpdatePeople() {
        var PeopleToUpdate = {
            "people": [
                { "name": "John", "age": "17" },
                { "name": "Harry", "age": "19" },
                { "name": "Steve", "age": "23" }
            ]
        };

        jQuery.ajax({
            url: '_ajax_updatepeople.aspx/UpdateOnDemand',
            type: "POST",
            data: PeopleToUpdate,
            dataType: "json"
        });
    }

我的页面 (C#)。

[WebMethod]
public string UpdateOnDemand(List<string> PeopleToUpdate)
{
    // what do i do now once i am here? How can i access the data I have sent through?
}

Answer 1

这里的问题是您试图将people 的列表发送到服务器，但是您的UpdateOnDemand 方法接受string 的列表。我假设您想将人员列表发送到服务器，并且您在服务器上有 people 类。另外，您需要使用JSON.stringify发送人员数据列表：

所以，客户端：

function UpdatePeople() {
    var PeopleToUpdate = [
            { "name": "John", "age": "17" },
            { "name": "Harry", "age": "19" },
            { "name": "Steve", "age": "23" }
        ];

    jQuery.ajax({
        url: '_ajax_updatepeople.aspx/UpdateOnDemand',
        type: "POST",
        data: JSON.stringify({'PeopleToUpdate' : PeopleToUpdate }),
        dataType: "json"
    });
}

服务器端：

[WebMethod]
public string UpdateOnDemand(List<People> PeopleToUpdate)
{
    //..
}

而服务器端的People 类应该是这样的：

public class People
{
    public string name { get; set; }

    public string age { get; set; }
}