Javascript-为什么我的JQueryAJAX请求失败
Javascript- why is my JQuery AJAX request failing?
我是JQuery的新手,我真的不知道为什么这个获取和发布请求不起作用。我一直收到错误消息。如果有任何建议或资源可以帮助我解决这个问题,我将不胜感激。提前谢谢。
$(document).ready(function(){
$.getJSON("http://api.github.com/users/noeladd", function(json){$.ajax({
type: "POST",
url: "http://httpbin.org/post",
data: json,
success: function(){
var parentDiv = document.getElementByClassName('container')[0];
var div = "<div><img src = 'json.avatar_url' width = '150px'></img><br> json.login <br> json.name</div>";
parentDiv.append(div);
} ,
error: function(){
alert("request failed!")
},
dataType: JSON
});});
})
我不明白……但要纠正它。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Sample</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<div class="container">
</div>
<script src="js/jquery/jquery-2.1.1.min.js"></script>
<script>
$(document).ready(function(){
$.getJSON("http://api.github.com/users/noeladd", function(json){
$.ajax({
type: "POST",
url: "http://httpbin.org/post",
data: json,
success: function(data){
//You not using data... why???
var parentDiv = $('.container');
var div = "<div><img src = '"+json.avatar_url+"' width = '150px'></img><br> "+json.login+" <br> "+json.name+"</div>";
parentDiv.append(div);
} ,
error: function(){
alert("request failed!")
},
dataType: 'json'
});});
})
</script>
</body>
</html>
我不知道为什么你把json发布到另一个只返回发布的dada的网站,但看看这个例子:
$(document).ready(function () {
$.getJSON("https://api.github.com/users/noeladd", function (json) {
$("<div />").append(
$("<img />").attr("src", json.avatar_url).css("width", 150),
$("<br />"),
$("<span />").text(json.login),
$("<br />"),
$("<span />").text(json.name)
).appendTo("div.container:eq(0)");
});
});
JSFiddle的工作示例:https://jsfiddle.net/evandroprogram/Lbqbewsz/
相关文章:
- 当我在chrome中切换设备模式时,$http.get请求失败
- Ajax错误检查-如果Ajax请求失败,如何防止内容发生更改
- Javascript-为什么我的JQueryAJAX请求失败
- Python POST 请求失败
- 对php的Angular post请求失败
- JQuery发布请求失败,发布后没有警报
- Jquery Ajax请求失败
- 如何判断哪个ajax请求失败
- gwt使用本机javascript向远程服务器发送POST请求失败
- 处理 HTTP 请求失败
- Ajax 请求失败
- ajax 请求失败,我不知道为什么
- Ajax 请求失败的原因
- 跨源预检请求失败(铬)
- 预检请求失败,并显示 window.fetch api
- 当对服务器的 ajax 请求失败时如何使用 defaults 属性
- POST 请求失败,没有错误消息 (Parse.com / ExpressJS)
- 浏览器在请求失败时自行发出请求,当互联网重新连接时
- Jquery:当 ajax 请求失败并出现错误 500 时,脚本停止
- Ajax 请求失败 - 从服务器检索用户标识