Javascript 在200网络响应中未调用Ajax成功回调
我有一个简单的HTML页面,加载jquery 3.3.1和外部脚本文件script.js。我正在运行一个简单的节点,为静态页面提供服务。data.json也位于HTML文件的同一文件夹中。但当下面的ajax调用完成时,我可以看到请求在网络调用中是成功的,但ajax调用的成功回调永远不会被调用。为什么?Javascript 在200网络响应中未调用Ajax成功回调,javascript,jquery,html,Javascript,Jquery,Html,我有一个简单的HTML页面,加载jquery 3.3.1和外部脚本文件script.js。我正在运行一个简单的节点,为静态页面提供服务。data.json也位于HTML文件的同一文件夹中。但当下面的ajax调用完成时,我可以看到请求在网络调用中是成功的,但ajax调用的成功回调永远不会被调用。为什么? $(文档).ready(函数(){ //从json文件获取数据 $.ajax({ url:'data.json', 数据类型:“json”, 成功:功能(数据){ 控制台日志(数据); }, 错
$(文档).ready(函数(){
//从json文件获取数据
$.ajax({
url:'data.json',
数据类型:“json”,
成功:功能(数据){
控制台日志(数据);
},
错误:函数(xhr){
警报(“错误:”+xhr.statusText);
}
});
});代码>
BW图
您的script.js
看起来不错,没有错误。但如果浏览器无法解析JSON,jQueryAjax调用的success
方法将无法执行。确保您的data.json
是有效的json,并且不包含任何语法错误…
例如,在JSON文件中,所有属性名称都应该双引号 同时添加错误回拨以确保没有错误检查浏览器控制台中的任何错误如果使用Chrome,请尝试按Ctrl
+Shift
+Del
清除缓存图像和文件。然后,重新设计页面并重试。Chrome喜欢像那样控制开发者,请粘贴你的data.json
。您的script.js
是正确的。您的JSON不是正确的,您可以将所有属性名称都双引号引起来,这就是问题所在