使用WebMethod从数组中获取值

时间:2018-06-06 06:42:06

标签: c# webforms webmethod

我有以下jquery数组,它从我的表中的两列中获取值并显示其值:

$(function () {
             $('#myButton').on('click', function () {

                 var myCollection = [];

                 $('#MainContent_gvKarakteristike tbody').find('tr:gt(0)').each(function () {
                     var row = this;
                     var myObj = {

                         label: valuefromType($(row).find($(row).find('td:eq(1)').children())),
                         opis: valuefromType($(row).find($(row).find('td:eq(2)').children()))
                     };
                     myCollection[myCollection.length] = myObj;

                 });

                 console.log(myCollection)

                 function valuefromType(control) {
                     var type = $(control).prop('nodeName').toLowerCase();
                     switch (type) {
                         case "input":
                             return $(control).val();
                             break;
                         case "span":
                             return $(control).text();
                             break;
                         case "select":
                             return $(control).val();
                             break;
                     }
                 }

                 $.ajax({
                     type: "POST",
                     url: "FirstPage.aspx",
                     //data: { obj: myCollection },
                     data: JSON.stringify(myCollection),
                     contentType: "application/json; charset=utf-8",
                     dataType: "json",

                     success: function (response) {
                         console.log(response);
                     },
                     error: function (response) {
                         console.log(response);
                     }
                 });
             });
         });

第一列的名称是'标签'并且第二个的名字是'opis'控制台中数组的结果:

myCollection
(6) […]
​
0: Object { label: "1", opis: "Test1" }
​
1: Object { label: "2", opis: "Test2" }
​
2: Object { label: "3", opis: "Test3" }
​
3: Object { label: "5", opis: "1" }
​
4: Object { label: "9", opis: "Test5" }
​
5: Object { label: "15", opis: "Test6" }
​
length: 6

点击此按钮即可获取值:

<button id="myButton"  type="button">Save</button>

Ajax(状态200)正确地获取和POST值 JSON:

0   {…}
label   1
opis    test1
1   {…}
label   2
opis    test2
2   {…}
label   3
opis    test3
3   {…}
label   5
opis    1
4   {…}
label   9
opis    test5
5   {…}
label   15
opis    test6

有人可以帮助我使用C#部分吗? 我需要WebMethod从ajax获取值,以便将其发送到数据库,或者只是帮我读取c#中的值。

提前致谢!

1 个答案:

答案 0 :(得分:1)

确保您的ajax在数据中获得参数和值

        $.ajax({
                 type: "POST",
                 url: "FirstPage.aspx",
                 data: JSON.stringify({'omyCollection': myCollection}), // Check this call.
                 contentType: "application/json; charset=utf-8",
                 dataType: "json",

                 success: function (response) {
                     console.log(response);
                 },
                 error: function (response) {
                     console.log(response);
                 }
             });

创建一个包含两个属性的模型类:label,opis 注意:属性应与ajax数组的属性具有相同的名称。

public class myCollection
{
    public String label{ get; set; }
    public String opis{ get; set; }
}

现在使用List&lt;类型的参数在codebehind中创建一个WebMethod。 myCollection&gt;:

[WebMethod(EnableSession = true)]
public static string GetCollection(List<myCollection> omyCollection)
{     
    foreach (myCollection mycol in omyCollection)
    {  
        string id = mycol.label; //access label from myCol object
        string opis = mycol.opis;
        //do something
     }
     return "response";
}

感谢。