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

时间:2015-05-10 04:31:02

标签: javascript json twitter-bootstrap pagination

我正在尝试使用从文件中读取json的code。在我的代码中,我正在从我的数据库创建json,如下所示。如何更改代码以从我的代码而不是从文件中读取json?在here中,您可以看到如何读取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);
    });
});

由于

1 个答案:

答案 0 :(得分:0)

你可以做到

$(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调用