将数据从 WebMethod 返回到 ajax答案

【问题标题】：Returning data from WebMethod to ajax将数据从 WebMethod 返回到 ajax
【发布时间】：2019-02-22 10:02:29
【问题描述】：

我需要将 DataTable 从 c#(WebMethod) 返回到 Ajax。我正在向 WebMethod 发送“值”。值被接收并用作下面代码中的过程的参数 (getObj.getValuesTableAdapter(Value);)。

然后过程返回 datatable(dtObj) 并且 ajax 应该在“成功”部分接收它。我需要这些代码的帮助。我尝试了所有方法，但都失败了。

我不能像这样直接从 [WebMethod] 返回 DataTable。在以某种方式发送到客户端之前，我需要将 DataTable 转换为 JSON。

这是我的 C# 代码：

[WebMethod(EnableSession = true)]
public static DataTable GetObject(int Value)
{
    LogicTableAdapters.getValuesTableAdapter getObj = new LogicTableAdapters.getValuesTableAdapter();

    DataTable getObj = getObj.getValuesTableAdapter(Value);
    DataTable dtObj = new DataTable();
    dtObj.Columns.AddRange(new DataColumn[4]{ 
        new DataColumn("ObjectID", typeof(string)), 
        new DataColumn("ObjectName", typeof(string)), 
        new DataColumn("ObjectValue", typeof(string)), 
        new DataColumn("ParentID", typeof(int)),
    });

    foreach (DataRow dr in getObj.Rows)
    {
        dtCh.Rows.Add(dr["ObjectID"].ToString(), dr["ObjectName"] == DBNull.Value ? null : dr["ObjectValue"].ToString(), dr["ParentID"].ToString());
    }
    return dtObj;
}

这是我的 ajax：

$(document).on('click', ".Btn", function () {
    header = $(this).closest('tr').find('.ColumnID').text()
    console.log(Value);   

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

        success: function () {
           //code that should receive datatable to be displayed
        },

        error: function () {
        }
    });
});

提前致谢！

【问题讨论】：

标签： c# jquery ajax webforms

【解决方案1】：

尝试关注

创建一个向前端发送数据的类

 public class DataForClientSide
    {
        public string id { get; set; }
        public string name { get; set; }
        public string value{ get; set; }
    }

如下编辑您的网络方法

[WebMethod(EnableSession = true)]

    public static DataForClientSide[] GetObject(int Value)
    {
List<DataForClientSide> details = new List<DataForClientSide>();
        LogicTableAdapters.getValuesTableAdapter getObj = new LogicTableAdapters.getValuesTableAdapter();

        DataTable getObj = getObj.getValuesTableAdapter(Value);
        DataTable dtObj = new DataTable();
        dtObj.Columns.AddRange(new DataColumn[4]{ new DataColumn("ObjectID", typeof(string)), new DataColumn("ObjectName", typeof(string)), new DataColumn("ObjectValue", typeof(string)), new DataColumn("ParentID", typeof(int)),       

                    });

        foreach (DataRow dr in getObj.Rows)
        {
                        DataForClientSide Info= new DataForClientSide();
                        Info.id = dr["ObjectID"].ToString();
                        Info.name = dr["ObjectName"].ToString();
                        Info.value = dr["ObjectValue"].ToString();
                        //multiple data as u want. . . . . 
                        details.Add(Info);

        }
        return details.ToArray();
    }

在您的 ajax 函数中编写以下代码以获取值

 success: function (data) {
               if(data.d.length>0)
               {
                 $.each(data,function(i,values){
                 //you can get all values as per each iteration as follow
                 //to get id
                 values.id;
                 //to get name
                 values.name;
                 //to get value
                 values.value;
                 });
               }

            }

【讨论】：