如何从外部JSON文件访问数据以在记事本中的javascript文件(无JQuery)中使用

时间:2019-06-14 20:19:08

标签: javascript html json

我有一个外部json文件,我想从它访问我的javascript文件或html文件中的数据。我尝试过寻找其他解决方案,但是它不起作用,我没有jQuery,所以请不要包括它。

我要执行的操作是加载json文件,然后在网页上显示内容。

function loadJSON(callback) {
var xobj = new XMLHttpRequest(); 
 xobj.overrideMimeType("application/json");
 xobj.open('GET', 'PATIENT5.json', true); 
 xobj.onreadystatechange = function () {
 if (xobj.readyState == 4 && xobj.status == "200") {
 callback(xobj.responseText);
 }
 };
 xobj.send(null); 
 }
function callback(data)

{console.log(data); }

PATIENT5.json
["Harry","35"]

我尝试添加console.log(data);但是当我检查控制台时,那里什么都没有。一切都会有所帮助,这是我第一次使用javascript / html!谢谢!

1 个答案:

答案 0 :(得分:1)

添加带有脚本标签的代码。并调用该函数。

<script type="text/javascript">


function loadJSON(file, callback) {
var xobj = new XMLHttpRequest(); 
 xobj.overrideMimeType("application/json");
 xobj.open('GET', file, true); 
 xobj.onreadystatechange = function () {
 if (xobj.readyState == 4 && xobj.status == "200") {
 callback(xobj.responseText);
 }
 };
 xobj.send(null); 
 }

//usage:
loadJSON("file.json", function(text){
    var data = JSON.parse(text);
    console.log(data);
});

</script>