我想使用从JSON文件导入的数据创建一个表

时间:2013-12-30 20:10:10

标签: javascript jquery arrays json

我不确定如何处理这个问题。这是我第一次使用JSON文件,我只是不确定从哪里开始。

我想带this并有一个填充数据的表格。我假设我使用Javascript数组,但我不确定去哪里。对不起,我基本上有很多问题,没有别的,但这也是我第一次使用JSON数据。

2 个答案:

答案 0 :(得分:0)

knockout.js应该是论文的最佳选择。

答案 1 :(得分:0)

不太难。 JSON看起来比实际上更令人生畏。您可以使用jQuery get JSON方法来调用JSON文件。您需要确保它是有效的JSON。您可以在http://jsonformatter.curiousconcept.com/

查看此信息

一旦你有一个有效的JSON文件可以使用,你就可以这样打电话:

//call jQuery
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>

<script type="text/javascript">
    //call your JSON file, view.json is this file you're calling. in your case it is the URL to the JSON file
    jQuery.getJSON('view.json', function( data ){
        //once you've made the call you have access to the data
        theInfo = {
            // rename data.rows to just rows
            rows : data.rows
            //now if you type theInfo.rows into the console you will get 10 
            //you can now add this info to the DOM as you see fit
        };
    });
</script>

为了将JSON信息模板化为HTML我喜欢handlebars.js,YouTube上有一些很好的教程,它只是简单的岩石,但你也可以使用jQuery将信息添加到DOM。

祝你好运。