C# 将返回的数据从ajax绑定到aspx

我有一个ajax，它在点击按钮时将参数（值）发送到C#中的过程

$(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 (data) {
           if(data.d.length>0)
           {
             $.each(data,function(i,values){
             values.id;
             values.name;
             values.value;
             });
           }

        }

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

参数（值）由WebMethod接收并在过程中使用（（getObj.getValueStableApter（Value）；）。然后通过列表将Datatable成功返回到ajax（values.id；，values.name；values.Value；）

C部分：

---

提前感谢！

您可以像这样在ajax成功函数中使用simple

tr

td

append

$(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 (data) {
           if(data.d.length>0)
           {
             var newRows="";
             $.each(data,function(i,values){
             values.id;
             values.name;
             values.value;
             newRows +="<tr><td>"+values.id+"</td><td>"+values.name+"</td><td>"+values.value+"</td></tr>";
             });
             $("#gvMyObjects").append(newRows);
           }

        }

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

$（文档）.on（'click'，.Btn'，函数（）{
header=$（this）.closest（'tr'）.find（'.ColumnID'）.text（）
console.log（值）；
$.ajax({
类型：“POST”，
url:“MyAdmin.aspx/GetObject”，
数据：JSON.stringify（{'Value'：Value}），
contentType:“应用程序/json；字符集=utf-8”，
数据类型：“json”，
成功：功能（数据）{
如果（数据长度>0）
{
var newRows=“”；
$。每个（数据、函数（i、值）{
value.id；
value.name；
价值，价值；
新行+=“”+values.id+“”+values.name+“”+values.value+“”；
});
$（“#gvMyObjects”）.append（新行）；
}
}
错误：函数（）{
}
});
});

---

您需要决定如何显示返回值，因为它在每个函数中只显示最后一次迭代的值。

您可以像这样在ajax成功函数中使用simple

tr

td

append

$(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 (data) {
           if(data.d.length>0)
           {
             var newRows="";
             $.each(data,function(i,values){
             values.id;
             values.name;
             values.value;
             newRows +="<tr><td>"+values.id+"</td><td>"+values.name+"</td><td>"+values.value+"</td></tr>";
             });
             $("#gvMyObjects").append(newRows);
           }

        }

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

$（文档）.on（'click'，.Btn'，函数（）{
header=$（this）.closest（'tr'）.find（'.ColumnID'）.text（）
console.log（值）；
$.ajax({
类型：“POST”，
url:“MyAdmin.aspx/GetObject”，
数据：JSON.stringify（{'Value'：Value}），
contentType:“应用程序/json；字符集=utf-8”，
数据类型：“json”，
成功：功能（数据）{
如果（数据长度>0）
{
var newRows=“”；
$。每个（数据、函数（i、值）{
value.id；
value.name；
价值，价值；
新行+=“”+values.id+“”+values.name+“”+values.value+“”；
});
$（“#gvMyObjects”）.append（新行）；
}
}
错误：函数（）{
}
});
});

---

您需要决定如何显示返回的值，因为它在每个函数中只显示最后一次迭代的值。

您可以将数据发布到处理程序，该处理程序将执行所需的逻辑，然后呈现并返回您已经使用的网格视图。然后，您必须用新呈现的网格替换旧网格

您可以将数据发布到处理程序，该处理程序将执行所需的逻辑，然后呈现并返回您已经使用的网格视图。然后，您必须用新呈现的网格替换旧网格。网格视图本身是一个表元素。

GridView

如果要使用表中的现有数据追加数据，请使用

和

标记以生成其他行：

$.ajax({
    type: "POST",
    url: "MyAdmin.aspx/GetObject",
    data: JSON.stringify({ 'Value': Value }),
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: function (data) {
        if (data.d.length > 0) {
            $.each(data, function (i, values) {
                // build table data
                $('#gvMyObjects').append('<tr><td>' + values.ID + 
                  '</td><td>' + values.Name + '</td><td>' + 
                  values.Value + '</td></tr>');
            });
        }
    }
    error: function () {
    }
});

---

如果网格选择器因

GridView

的客户端ID与服务器ID不同而无法工作，请使用

$（“#”）

或设置

clientmode=“Static”

网格视图本身是一个表元素。如果要使用表中的现有数据追加数据，请使用

和

标记来生成其他行：

$.ajax({
    type: "POST",
    url: "MyAdmin.aspx/GetObject",
    data: JSON.stringify({ 'Value': Value }),
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: function (data) {
        if (data.d.length > 0) {
            $.each(data, function (i, values) {
                // build table data
                $('#gvMyObjects').append('<tr><td>' + values.ID + 
                  '</td><td>' + values.Name + '</td><td>' + 
                  values.Value + '</td></tr>');
            });
        }
    }
    error: function () {
    }
});

---

如果网格选择器因

GridView

的客户端ID与服务器ID不同而无法工作，请使用

$（“#”）

或设置

clientmode=“Static”

问题是我有几次迭代：/n您想如何显示数据？您想用一些字符连接所有结果，如

、

或其他一些用于响应的字符：）我更新了我的问题，希望这能给出答案。问题是我有几次迭代：/n您想如何显示数据？您想将所有结果与一些字符连接起来，如

，

或其他类似的字符，以供您回答。我更新了我的问题，希望这能给出答案。谢谢您的回答！谢谢你的回答！

$.ajax({
    type: "POST",
    url: "MyAdmin.aspx/GetObject",
    data: JSON.stringify({ 'Value': Value }),
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: function (data) {
        if (data.d.length > 0) {
            $.each(data, function (i, values) {
                // build table data
                $('#gvMyObjects').append('<tr><td>' + values.ID + 
                  '</td><td>' + values.Name + '</td><td>' + 
                  values.Value + '</td></tr>');
            });
        }
    }
    error: function () {
    }
});

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

        // append new header and rows
        if (data.d.length > 0) {
            $('#gvMyObjects').append('<tr><th>ID</th><th>Name</th><th>Value</th></tr>');

            $.each(data, function (i, values) {
                // build table data
                $('#gvMyObjects').append('<tr><td>' + values.ID + 
                  '</td><td>' + values.Name + '</td><td>' + 
                  values.Value + '</td></tr>');
            });
        }
    }
    error: function () {
    }
});