作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我遇到了一个大问题!
我尝试使用 Jquery 加载 Json 文件,但总是失败!我尝试过很多不同的事情,但没有任何对我有用。我也不知道如何真正调试它,出了什么问题!
这是我的代码:
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready( function() {
var url = "content.json";
var outp = {
low : 0,
high : 99,
name : "Fritz",
rufnummer : "012",
faxnummer : "345",
mobil : "678",
mail : "<a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="fe939f9792be939f9792d0939f9792" rel="noreferrer noopener nofollow">[email protected]</a>",
};
$('#find').on("click", function(){
var data = $.getJSON( url, function() {
console.log( "success" );
})
.done(function() {
console.log( "second success" );
})
.fail(function() {
console.log( "error" );
})
.always(function() {
console.log( "complete" );
});
console.log(data);
console.log(outp);
console.log("Hi");
data.complete(function() {
console.log( "second complete" );
});
});
});
//});
</script>
</head>
<body>
<p>Postleitszahl:</p>
<input type="number" autocomplete="on" name="inp" id="inp">
<button type="button" id="find">Finden</button>
<p class="output"></p>
</body>
</html>
这也是我的 JSON:
{
"low" : 0,
"high" : 99,
"name" : "Fritz",
"rufnummer" : "012",
"faxnummer" : "345",
"mobil" : "678",
"mail" : "<a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="bcd1ddd5d0fcd1ddd5d092d1ddd5d0" rel="noreferrer noopener nofollow">[email protected]</a>",
}
最佳答案
而不是:
var data = $.getJSON( url, function() {...})
尝试:
$.getJSON( url, function(data) {...})
关于jquery - 在 jquery 中加载 Json 文件失败,代码如下,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38146543/
我是一名优秀的程序员,十分优秀!