如何循环遍历从 JQuery $.ajax 方法发送到 ASP.NET WebMethod 的 POST 变量？

Question

我有一个使用 HTML 按钮创建的清单，单击时可以在“选定”和“未选定”类之间切换。每个选项都有一个与其相关的 ID 以及一个可选的注释输入。

我正在尝试将 JQuery $.ajax() 方法与 POST 结合使用来发送所选按钮的 ID 和相关评论。我的想法是在单击“保存”时创建所选 ID 及其各自注释的键/值集合，如下所示：

selections = "{id1: 'comment1', id2: 'comment2', ...}"

然后将其传递到 $.ajax() 方法的数据部分，如下所示：

$.ajax({
     type: "POST",
     url: "MyPage.aspx/MyMethod"
     data: selections,
     contentType: "application/json; charset=utf-8",
     dataType: "json",
     success: function(msg) {
       onSuccess(msg);
     }
});

最后访问通过循环访问 HttpContext.Current.Request.Form 来选择 MyMethod 中的内容。

但是当我尝试这个时，HttpContext.Current.Request.Form 始终为空。我的做法有错吗？如果是这样，为什么？谁能建议另一种方法？

任何帮助将不胜感激。提前致谢！

另外，我知道从 JQuery AJAX API 调用服务器方法的 4 种方法：

1. 页面方法（带有 [WebMethod] 修饰符的 .aspx 页面中的静态方法）
2. 中方法之间的 Switch 语句.aspx 页面的 Page_Load
3. 在 .ashx 页面
4. Web 服务

的 ProcessRequest 中的方法之间切换语句哪种方法最有效？我认为 2 会涉及一个不必要的页面实例，因此不应该是这个。

Answer 1

Selections 变量应该是一个对象而不是字符串。

var selections = { id1: 'a', id2: 'b' };

Answer 2

首先，确保您的选择变量是有效的 JSON，您在问题中编写的内容不是有效的 JSON 符号。

其次，在您的 webmethod 定义中，让 MyMethod 接收一个字符串作为参数；假设您将其声明为

[WebMethod]
public MyMethod(string selections)
{
    //Do processing here
}

在方法正文中，使用 JavascriptSerializer 反序列化 Dictionary 中的字符串，例如：

JavascriptSerializer js = new JavascriptSerializer(); 
Dictionary<string,string> result = js.Deserialize<Dictionary<string,string>>(selections);

现在您可以循环遍历字典中的元素。

澄清一下，您的选择变量需要将每个属性都用引号引起来；在您的情况下，id1、id2...需要为 'id1':'comment'、'id2':'comment' 等。

编辑

添加代码来演示如何调用 Web 服务。

var selections = "{'id1': 'comment1', 'id2': 'comment2'}";

$.ajax({
     type: "POST",
     url: "MyPage.aspx/MyMethod"
     data: JSON.stringify(selections),
     contentType: "application/json; charset=utf-8",
     dataType: "json",
     success: function(msg) {
       onSuccess(msg);
     }
});

最后的建议是，熟悉 jsFiddle，它可以让你快速测试。例如，请参阅此。