我试图使用The Cat API来获取猫的随机照片。 当我运行以下代码时。
$(document).ready(function() {
console.log('test');
$.ajax({
url: "https://thecatapi.com/api/images/get",
type: "GET",
data: {
"format": "html"
},
success: function(data) {
console.log('test1');
console.log(data);
console.log('test2')
}
});
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
&#13;
成功事件永远不会触发,但我可以在网络日志中看到这样的响应。
<a target="_blank" href="http://thecatapi.com/?id=crt"><img src="http://25.media.tumblr.com/tumblr_m0j1osiek21qewacoo1_500.jpg"></a>
如何获得对该回复的访问权?
答案 0 :(得分:1)
如果您在数据周围添加引号,那么您将获得您正在寻找的信息。另外,我添加了error
步骤,因为您的原始代码发送了错误,这有助于查找问题。
$(document).ready(function() {
console.log('test');
$.ajax({
url: "https://thecatapi.com/api/images/get",
type: "GET",
data: "{'format': 'html'}",
success: function(data) {
console.log('test1');
console.log(data);
console.log('test2')
},
error: function(data){
console.log('error');
}
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
此外,您可以使用JSON.stringify
方法:
$(document).ready(function() {
console.log('test');
$.ajax({
url: "https://thecatapi.com/api/images/get",
type: "GET",
data: JSON.stringify({format: 'html'}),
success: function(data) {
console.log('test1');
console.log(data);
console.log('test2')
},
error: function(data){
console.log('error');
}
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
答案 1 :(得分:1)
$.ajax({
url: "https://thecatapi.com/api/images/get",
type: "GET",
data:{
format: 'html',
},
success: function(data) {
console.log(data);
},
error: function(data){
console.log('error');
}
});
我认为这是如何完成的。但它会给你一个错误。 如果您在浏览器中打开网址,您也会收到错误消息。 https://thecatapi.com/api/images/get?format=html
如果您将格式更改为xml
则可行。我想这是一个带有html
格式的cat api的问题。