js引用json文件($.ajax)

  使用jquery的$.ajax引用json数据

 1 function getonload(){
 2     $.ajax({
 3         type: "POST",
 4         dataType: "json",
 5         url: "data.json",
 6         async: false,    // 这里使用的是同步,虽然不建议这样写,但是免得没有数据而报错
 7         success: function (result) {
 8             points = result;
 9         },
10         complete: function(xhr, ts){
11         }
12     });
13 }

 我自己在这里有一个错误:

  因为本来数据是全部写在js文件里面的,但之后数据太多就分离到json文件里面去,但是,写js习惯字符串用单引号,粘贴进json文件里面就会提示错误

 如图,所以就得把单引号全部改为双引号; 

  还有一个错误,在js里习惯在每句定义变量的后面加上分号,所以把原本在js里面的数据复制到json文件中时,把最后一个分号也复制进去了,导致了错误,但是编辑器没有报错,而用$.ajax引用json时,明明status=200,但是success里面就是没有数据,嗐!又是找茬了,删掉数据尾巴后面的分号就好啦。

posted @ 2019-11-27 14:23  allOfme  阅读(12866)  评论(0)    收藏  举报