如何使用 javascript 从 json 文件中读取和打印数据？

【问题标题】：How to read and print data from json file using javascript?如何使用 javascript 从 json 文件中读取和打印数据？
【发布时间】：2016-06-22 10:14:43
【问题描述】：

我有多个格式如下的 json 文件：

{
    "title" : "abc",
    "desc" : "pqr",
    "img" : "mno",
     "isExpertApproved" : "true"
  }

我只想在我的网站中添加一个按钮，我可以在其中上传文件，而不是将其存储在我想读取该文件数据的任何地方，并且我还想使用 javascript 将该数据存储到数据库中。

有什么办法吗？提前谢谢你。

【问题讨论】：

试用FileReader 对象。它将节省您上传文件的时间
你可以在这里找到你的答案How to read an external local JSON file in Javascript
您使用什么数据库系统？您无法仅使用客户端 javascript 访问基于服务器的数据库
我正在使用 DynamoDB

标签： javascript jquery json

【解决方案1】：

index.html

<div class='wrapper'>
    <p>JSON will be received in 3 seconds</p>
    <ul id='post'></ul>
</div>

external.js

new Request.JSON({
    url: '/echo/json/',
    data: {
        json: JSON.encode({
            text: 'some text',
            array: [1, 2, 'three'],
            object: {
                par1: 'another text',
                par2: [3, 2, 'one'],
                par3: {}
            }
        }),
        delay: 3
    },
    onSuccess: function(response) {
        show_response(response, $('post'));
    }
}).send();

show_response = function(obj, result) {
    $H(obj).each(function(v, k) {
        new Element('li', {
            text: k + ': ' + v
        }).inject(result);
    });
    result.highlight();
};

css

body {
    font-family: Helvetica, Sans, Arial;
}
p, ul {
    padding: 10px;
}
ul {
    margin: 5px;
    border: 2px dashed #999;
}

Click here demo

【讨论】：