jquery请求本地json文件不执行success函数问题

首先说下如何请求本地的json文件,用jq的ajax方法就可以请求本地的json文件,方法如下:

const Timestamp = new Date().getTime();//时间戳
 $.ajax({
            url: '../js/middlePage.json?time='+Timestamp,//请求的json文件的地址,后边拼接的为时间戳,保证每次取到的都是最新的json
            dataType:'json',
            type:"GET",
            success: function (data) {
				//请求成功的函数            
            },

但是同时你会发现,请求成功了,但是代码就是走不到success函数了,就是不执行,为什么那,因为此时因为是json请求会执行json.paese()方法,如果你的json是没有经过压缩的,有空格和回车符号的,这个方法就会报错就会执行错误函数,不会执行success函数,我的解决方式如下:

$.ajax({
            url: '../js/middlePage.json?time='+Timestamp,
            dataType:'text',
            type:"GET",
            success: function (data) {
             //去掉空格 
             data = data.replace(/\s*/g,"");
             //去掉回车换行 
             data = data.replace(/[\r\n]/g,"");
              pageLsit = JSON.parse(data).pageLsit;
            },

自己手动去删除空格和回车换行符。

你可能感兴趣的:(前端笔记,jquery,ajax,javascript)