Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/373.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 用jquery/json填充表_Javascript_Asp.net_Json_Jquery - Fatal编程技术网

Javascript 用jquery/json填充表

Javascript 用jquery/json填充表,javascript,asp.net,json,jquery,Javascript,Asp.net,Json,Jquery,我有一个asp.net网页,我想用jquery、ajax web服务调用来填充该表。但我一点也不坚强。 表的html部分是: <tbody id="testBody"> <tr id="templateEquipment" class="hidden"> <td> </td> <td>

我有一个asp.net网页,我想用jquery、ajax web服务调用来填充该表。但我一点也不坚强。 表的html部分是:

<tbody id="testBody">
            <tr id="templateEquipment" class="hidden">
                <td>
                </td>
                <td>
                </td>
                <td>
                </td>
                <td>
                </td>
                <td>
                </td>
                <td>
                </td>
                <td class="hidden">
                </td>
            </tr>
        </tbody>

我已经定义了列,表的开头是空的。在jquery中

function SearchEquipment() {
$.ajax({
    type: "POST",
    url: pageName + "SearchEquipment",
    data: "{'oParams':" + JSON.stringify(BeginSearch()) + "}",
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: function (response) {
        if (response.d.length > 0) {

            $.each(response.d, function (i, item) {
            <!-- add row to fill the table-->
功能搜索设备(){
$.ajax({
类型:“POST”,
url:pageName+“搜索设备”,
数据:“{'oParams':”+JSON.stringify(BeginSearch())+“}”,
contentType:“应用程序/json;字符集=utf-8”,
数据类型:“json”,
成功:功能(响应){
如果(响应长度>0){
美元/个(响应.d,功能(i,项目){

谢谢你的帮助。我没有这方面的资源(欢迎链接)。

你可以这样做

var html = $.map(response.d, function (item, i) {
  return "<tr><td>" + item.value1 + "</td><td>" + item.value2 + "</td></tr>";
}).join("");

$("#testbody").append(html);
var html=$.map(response.d,function(item,i){
返回“+item.value1+”+item.value2+”;
}).加入(“”);
$(“#testbody”).append(html);

通过创建一个包含所有行和单元格的大字符串,您只需将其添加到DOM中一次,这要快得多!

@Love不知道您的意思。如果刷新页面,所有内容都将消失,您需要重新填充表(如果需要)。您可以通过执行$(“#testbody”).empty()清除表;