Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/json/14.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 从代码而不是.json文件读取和创建表_Javascript_Json_Twitter Bootstrap_Pagination - Fatal编程技术网

Javascript 从代码而不是.json文件读取和创建表

Javascript 从代码而不是.json文件读取和创建表,javascript,json,twitter-bootstrap,pagination,Javascript,Json,Twitter Bootstrap,Pagination,我试图使用这个函数从文件中读取json。在我的代码中,我从数据库中创建json,如下所示。如何更改代码以从代码而不是文件中读取json?在中可以看到如何读取json,在我的代码中可以看到如何读取数据以创建表 var columns = ["username", "user_id", "address", "state", "postal_code", "phone", "email"]; var level_classes = { "NEW": "new_client", "R

我试图使用这个函数从文件中读取json。在我的代码中,我从数据库中创建json,如下所示。如何更改代码以从代码而不是文件中读取json?在中可以看到如何读取json,在我的代码中可以看到如何读取数据以创建表

var columns = ["username", "user_id", "address", "state", "postal_code", "phone", "email"];

var level_classes = {
    "NEW": "new_client",
    "RENEWAL": "renewing_client",
    "CURRENT": "current_client"
};

$(document).ready(function() {
    $.getJSON("obtainUsers.php", function(data) {
        var $table = $('<table style="width: 100%;">');
        var $tbody = $('<tbody>');
        $table.append($tbody);
        var $tr = null;

        data.forEach(function(user, index) {
            if (index % 4 === 0) {
                $tr = $('<tr>');
                $tbody.append($tr);
            }
            $td = $('<td class="' + level_classes[user.level] + '">');
            columns.forEach(function(col) {
                $td.append(user[col]);
                $td.append($('<br>'));
            });
            $tr.append($td);
        });
        $('.runninglist').append($table);
    });
});
var列=[“用户名”、“用户id”、“地址”、“州”、“邮政编码”、“电话”、“电子邮件”];
变量级别\u类={
“新建”:“新建客户端”,
“续约”:“续约客户”,
“当前”:“当前客户端”
};
$(文档).ready(函数(){
$.getJSON(“obtainUsers.php”,函数(数据){
变量$table=$('');
变量$tbody=$('');
$table.append($tbody);
var$tr=null;
data.forEach(函数(用户、索引){
如果(索引%4==0){
$tr=$('');
$tbody.append($tr);
}
$td=$('');
columns.forEach(函数(col){
$td.append(用户[col]);
$td.append($(“
”); }); $tr.append($td); }); $('.runninglist')。追加($table); }); });
谢谢

你能做的

$(document).ready(function() {
    $(".TableWithClass").each(function(){
        var ThisTableHere = $(this);
        $.getJSON($(this).data("url"), function(data) {
            var $table = ThisTableHere;
            .
            .
            Use your other data parameters here
            .
            .
            $('.runninglist').append($table);
    });
});

这里唯一的区别是,您必须等待该页面在客户端获得完整HTML之前执行,在另一个页面中,您的页面将加载并执行ajax调用

您是否看到原始代码中的数据是如何从系统中的文件读取的,
数据url=“../json/data1.json”。我如何使它读取数据而不是文件?因此,如果您想在事后执行此操作,则需要执行$(文档)。准备就绪。。。。然后做一个$(“.ClassForTable”)。每个(..)然后做一个json到$(this.data(“url”)并使用您在HTML中设置的其他属性。我将用sudo代码更新原始帖子问题是,
obtainUsers.php
没有被调用,并且我没有从中获取数据。。。