javascript-$.getJSON()在IE9中有效,但在Chrome和FireFox中无效,我的代码有什么问题?
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript-$.getJSON()在IE9中有效,但在Chrome和FireFox中无效,我的代码有什么问题?,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1740字,纯文字阅读大概需要3分钟。
内容图文
我使用IE9和文本编辑器开发了一个Web应用程序.它读取一个JSON文件,然后根据该文件以及JavaScript和jQuery代码的逻辑填充一些DIV元素.在IE9下,它可以完美运行.
在Chrome下,它无法执行$.getJSON()语句,因此没有可用数据.在FireFox下,$.getJSON()语句显然可以运行(警报消息对此进行了证明),但是它什么也没读取.
JSON文件传递JSONLint.
Chrome和FireFox均未指示任何错误.
我使用来自JSON站点的JSON数据制作了一个示例文件,并通过JSONLint对其进行了验证,然后使用该文件运行了我的代码.没什么不同-Chrome仍然会忽略$.getJSON()语句.
我的代码的相关部分:
function buildTree(centralID) {
alert("Can we start, at least?");
$.getJSON('sample.json', function(data) {
alert("first success");
$.each(data.person, function(i, xdata) {
Chrome显示第一个警报,但不显示第二个.
有任何想法吗?
解决方法:
您可以使用内置的错误功能来显示错误并进行调试.
$(document).ready(function(){ // Make sure your jQuery is inside this
$.getJSON("sample.json", function(data) {
alert('Point 1 Reached.');
console.log(data); // Here we log to our console
$.each(data.feed.entry, function(i, item) {
// Do your stuff here
}); // End of $.each
// Here Success, Completed & Error do something. chained onto $.getJSON
}).success(function() { alert("success"); })
.error(function(jqXHR, textStatus, errorThrown) { // Debug the error!!
console.log("error " + textStatus);
console.log("error throw " + errorThrown);
console.log("incoming Text " + jqXHR.responseText);
}) // End of .error
.complete(function() { alert("complete"); });
});
}); // End of DOM Ready
这应该会在firefox或chrome的控制台窗口中向您显示错误(console.log在IE中不起作用并破坏脚本).要以Firefox或chrome调出控制台窗口,请按F12.如果JSON不起作用,它将显示一个错误,您可以调试.
更新资料
还要确保此代码位于$(document).ready()中.如果以其他方式使用$.getJSON(),可能会导致跨浏览器的意外行为.
内容总结
以上是互联网集市为您收集整理的javascript-$.getJSON()在IE9中有效,但在Chrome和FireFox中无效,我的代码有什么问题?全部内容,希望文章能够帮你解决javascript-$.getJSON()在IE9中有效,但在Chrome和FireFox中无效,我的代码有什么问题?所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。