javascript - 如何加载json文件？

Question

如何从另一个文件访问 json？

我尝试过:

obdatabase.json

   { "pobject" :[
    { "pname":"Pikachu" , "pid":"1" },
    { "pname":"squirtle" , "pid":"2" },
    { "pname":"Justinbieber" , "pid":"3" }
    ]};

测试.php

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<script src="obdatabase.json"></script>
<script>
$(function() {
    console.log(pobject);
});
</script>

Answer 1

使用 jQuery 的 getJSON()方法:

var obj = $.getJSON( 'obdatabase.json' );

由于 getJSON 会自动将结果解析为 Javascript 对象，因此您可以按如下方式访问属性:

// Get the object:
var db;

$.getJSON( 'obdatabase.json', function(obj) {  
    // Now we can access properties:
    obj.pobject[0].pname; // Will be Pikachu

    // Assign obj to db (so we can access it outside of the callback):
    db = obj;
});