使用 jquery ajax 将数组传递给 WebMethod 在 asp.net 中不起作用

Question

我正在尝试使用 jquery ajax 将所有 gridview 记录发送到 webmethod，但它不起作用。这是我的代码

function Save() {
            var TableData = new Array();

            $('[id*=GridView1] tr').each(function (row, tr) {
                TableData[row] = {
                    "Sr"    : $(tr).find('td:eq(0)').text()
                  , "RollNo": $(tr).find('.RollNo').val()
                  , "Name"  : $(tr).find('.Name').val()
                  , "Marks" : $(tr).find('.Marks').val()
                }
            });
                        TableData.shift();
            $.ajax({
                type: "POST",
                url: "TestPage.aspx/SaveData",
                data: "{Data:'" + JSON.stringify(TableData) + "'}",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (msg) {
                    alert(msg.d);
                }
            });
            return false;
        }

和代码隐藏

  [WebMethod]    
    public static string SaveData(List<string> Data)
    {      
       //My Code
        return "Success";
    }

帮帮我....

Answer 1

由于类型不匹配，这一定会引发 500 inetrnal server 错误：-

 public static string SaveData(string Data)
    {      
       //My Code
        return "Success";
    }

您正在传递一个 JSON 字符串，因此您应该期望在服务器端有相同的字符串，然后将其反序列化为 .Net 对象。

更新：

您可以使用 JavaScriptSerializer class:-

public static string SaveData(string Data)
{      
   JavaScriptSerializer json = new JavaScriptSerializer();
   List<GridData> mygridData = json.Deserialize<List<GridData>>(Data);
   return "Success";
}

您不是首先从客户端传递 List<String>，而是传递具有属性的 javascript 对象。所以要在 .Net 中映射它，您必须像这样定义一个等效的 Type：-

public class GridData
{
    public string Sr{ get; set; }
    public string RollNo{ get; set; }
    public string Name{ get; set; }
    public string Marks{ get; set; }        
}

使用 jquery ajax 将数组传递给 WebMethod 在 asp.net 中不起作用

Passing Array to WebMethod using jquery ajax is not working in asp.net

jquery

asp.net

ajax

webmethod