jQuery $ .getJSON（）不返回任何内容
[英]jQuery $.getJSON() not returning anything
问题描述
自从我刚开始学习以来，我就有了一个脚本来尝试使用jQuery。
该脚本应该读取一个.json文件并在div中显示一些数据。
function jQuerytest()
{
$.getJSON( "books/testbook/pageIndex.json", function(result) {
$.each(result, function(i, field) {
$("div").append("<p>" + field + "</p>");
});
});
}
这是HTML
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<link href="styles/main.css" rel="stylesheet" type="text/css">
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="scripts/book.js"></script>
<script>jQuerytest();</script>
</head>
<body>
<div></div>
<figure id=fig><img onClick="jQuerytest()" src="figures/test620x620.png"/>
</figure>
</body>
</html>
但它不显示任何内容。
1 个解决方案
解决方案1
6 2013-09-27 13:44:45
如果您的JSON文件有效（您可以在此处进行测试： http : //jsonlint.com/ ），请使用成功和错误回调函数最终获取有关其不起作用的信息。
function jQuerytest(){
$
.getJSON( "books/testbook/pageIndex.json")
.success(function(result) {
$.each(result, function(i, field) {
$("div")
.append("<p>" + field + "</p>");
});
})
.error(function(error){
console.log(error);
});
}
jQuery getJSON函数不返回任何内容
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.