SyntaxError:JSON.parse: unexpected character at line 1 column 1 of the JSON data

最新推荐文章于 2022-08-02 16:50:52 发布

Accpwo

最新推荐文章于 2022-08-02 16:50:52 发布

阅读量2.2k

点赞数 3

CC 4.0 BY-SA版权

分类专栏：前端文章标签： jquery js ajax SyntaxError:JSON.parse ViewUI

本文链接：https://blog.csdn.net/Accpwo/article/details/84885279

前端专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一段使用jQuery AJAX获取数据并显示的代码在不同版本jQuery中的表现差异及解决方案。通过设置dataType为html，解决了在部分版本中无法正确显示请求结果的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这是不同项目中，同样的一段jquery ajax代码：


function queryCredit(id,riskWay,successCallMethod){
	$.ajax({ 
        type: "GET", 
        async: true, 
        url: "http://local.t100.com:8080/risk/query?id=32",
        success: function(data) {
        	$("#result_div").html(data);
        }
    });
}

两个项目依赖的jquery.js版本不一样，同样的代码在不同的项目中结果不一样。

此js代码在一个项目中【jquery版本：jquery-1.8.0.min.js中(jquery-1.8.0.min.js)】是能正常运行的，result_div能正常显示请求响应的结果。

而在另一个项目，jquery.js版本是：【/*! jQuery v1.11.0 | (c) 2005, 2014 jQuery Foundation, Inc. | jquery.org/license */】,result_div不显示请求响应的结果。

在谷歌浏览器（IE也一样)result_div中没有正常显示返回的结果。看网络请求的响应正常，也没有console中的js报错。如下：

[img]http://dl2.iteye.com/upload/attachment/0124/8123/17b4fbc6-0bd8-3c30-a1b5-94d6a9197869.png[/img]

[img]http://dl2.iteye.com/upload/attachment/0124/8125/427a5833-435d-3d0b-90a2-bd268bae4512.png[/img]

换成火狐浏览器，终于看到了如下的报错信息：
SyntaxError:JSON.parse: unexpected character at line 1 column 1 of the JSON data

[img]http://dl2.iteye.com/upload/attachment/0124/8121/cbca088f-516b-335b-b3da-cea6ec9c777e.png[/img]

定位到原因后，在ajax参数加上dataType:"html"后,程序按照预期正常执行。


function queryCredit(id,riskWay,successCallMethod){
	$.ajax({ 
        type: "GET", 
        async: true, 
        dataType:"html",
        url: "http://local.t100.com:8080/risk/query?id=32",
        success: function(data) {
        	$("#result_div").html(data);
        }
    });
}