通过 ajax 将 jquery 中的数组传递给 c# webmethod

我想将数组传递给 c# webmethod，但没有很好的示例可以遵循。感谢您的任何帮助。

这是我到目前为止所拥有的：

我的阵列：

$(".jobRole").each(function (index) {

    var jobRoleIndex = index;
    var jobRoleID = $(this).attr('id');
    var jobRoleName = $(this).text();

    var roleInfo = {
        "roleIndex": jobRoleIndex,
        "roleID": jobRoleID,
        "roleName": jobRoleName
    };

    queryStr = { "roleInfo": roleInfo };
    jobRoleArray.push(queryStr);

});

我的ajax代码

  $.ajax({
            type: "POST",
            url: "WebPage.aspx/save_Role",
            data: jobRoleArray,
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            async: false,
            success: function (data) {
                alert("successfully posted data");
            },
            error: function (data) {
                alert("failed posted data");
                alert(postData);
            }

        });

不确定网络方法，但这是我的想法：

[WebMethod]
    public static bool save_Role(String jobRoleArray[])

您将传递一个数组：

[
    "roleInfo": { 
              "roleIndex": jobRoleIndex, 
               "roleID": jobRoleID, 
               "roleName": jobRoleName 
     },
     "roleInfo": { 
              "roleIndex": jobRoleIndex, 
               "roleID": jobRoleID, 
               "roleName": jobRoleName 
     }, ...
]

在我看来，如果你有一个与该结构匹配的类，会更容易，如下所示：

public class roleInfo
{
     public int roleIndex{get;set;}    
     public int roleID{get;set;}
     public string roleName{get;set;}
}

这样，当您从 jQuery 调用 Web 方法时，您可以这样做：

 $.ajax({
            type: "POST",
            url: "WebPage.aspx/save_Role",
            data: "{'jobRoleArray':"+JSON.stringify(jobRoleArray)+"}",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            async: false,
            success: function (data) {
                alert("successfully posted data");
            },
            error: function (data) {
                alert("failed posted data");
                alert(postData);
            }

        });

在您的网络方法中，您可以收到List<roleInfo>这样：

[WebMethod]
public static bool save_Role(List<roleInfo> jobRoleArray)
{

}

如果您尝试这样做，请告诉我。上面的代码没有以任何方式进行测试，因此可能会有错误，但我认为这是一个很好且非常干净的方法。