Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.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
Jquery 为什么不显示包含JSON结果的表?_Jquery_Json_Html Table - Fatal编程技术网

Jquery 为什么不显示包含JSON结果的表?

Jquery 为什么不显示包含JSON结果的表?,jquery,json,html-table,Jquery,Json,Html Table,success中的代码没有显示包含JSON结果的表。我知道这是代码的这一特定部分,因为我测试了JSON是否返回并直接显示在div标记中,这是否有效。现在我想显示在一个位于div容器内的表中。另外,是否可以使用属性为表添加一些样式,但我假设这可能需要在jQuery动态创建的表中以非标准方式完成 $.ajax({ type: "POST", url: url, datetype: "json", data: {sdate: selecteddate, sday:day

success中的代码没有显示包含JSON结果的表。我知道这是代码的这一特定部分,因为我测试了JSON是否返回并直接显示在div标记中,这是否有效。现在我想显示在一个位于div容器内的表中。另外,是否可以使用属性为表添加一些样式,但我假设这可能需要在jQuery动态创建的表中以非标准方式完成

$.ajax({
    type: "POST",
    url: url,
    datetype: "json",
    data: {sdate: selecteddate, sday:day}, // serializes the form's elements.
    success: function(data)
    {                        
        $('#records').append("<table></table>");
        recordtable=$('#records').appendchildren();
        $.each(data, function(index,item){
            recordtable.append('<tr><td>' +item.NurseID+'</td><td>'+item.AvailableDate+'</td><td>'+item.Early+'</td><td>'+item.Late+'</td><td>'+item.Night+'</td><td>'+item.Full+'</td></tr>');
        });                                                  
    }
});
$.ajax({
类型:“POST”,
url:url,
日期类型:“json”,
数据:{sdate:selecteddate,sday:day},//序列化窗体的元素。
成功:功能(数据)
{                        
$(“#记录”)。追加(“”);
recordtable=$(“#记录”).appendchildren();
$。每个(数据、功能(索引、项目){
recordtable.append(“”+item.NurseID+“”+item.AvailableDate+“”+item.Early+“”+item.Late+“”+item.Night+“”+item.Full+“”);
});                                                  
}
});

我不相信
.appendchildren()
是一种jQuery方法,因此
recordtable
将不可用。像这样设置recordtable变量,它应该可以工作:

var recordtable = $("#records table");

您可以在样式表中使用CSS设置表格样式,也可以使用jQuery动态设置表格样式:

一个
数据的示例将非常有用。可能是空的吧?还是对你的剧本无效?谢谢jarbaugh。#recordstable必须存在于html中,还是您的声明会创建它?表是#记录的子项,您将其插入到成功处理程序第一行的DOM中。在下一行中,使用我编写的语句将新表分配给变量recordtable。jQuery使用CSS选择器,$(“#records table”)表示“获取元素中id为“records”的表$(“#thediv”)。append(“”);tab=$(“#表”);$。每个(数据、函数(索引、项){tab.append(''+item.NurseID+'+item.AvailableDate+'+item.Early+'+item.Late+'+item.Night+'+item.Full+'');});