Javascript-私のJQuery AJAXリクエストが失敗するのはなぜですか？

-1

私はJQueryを使い慣れていません。なぜ、この要求の取得と送信が機能していないのか分かりません。私はエラーメッセージを受け取り続ける。これを理解するのに役立つアドバイスやリソースに感謝します。前もって感謝します。Javascript-私のJQuery AJAXリクエストが失敗するのはなぜですか？

$(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 
});}); 
})

出典

2016-05-01 Rachel Addleman

私はそれを取得しません...しかしそれを修正します。

<!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>

出典

2016-05-01 20:27:35 Meola

ありがとうございます。これは私が間違っていたことを理解するのに間違いなく役立ちました。 –

私はあなただけダダが掲載返す別のウェブサイトにJSONを投稿する理由を知っているが、この例を見てみません：JSFiddle上

$(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)"); 

    }); 

});

の作業例：https://jsfiddle.net/evandroprogram/Lbqbewsz/

出典

2016-05-01 20:29:57 evsar3

私はそれをやっていました。それは問題の指示が私にそれをするように頼んだからです。 Meolaが私に与えた答えは、私が間違ったことを理解するのに役立ちました。 –

Javascript-私のJQuery AJAXリクエストが失敗するのはなぜですか？

答えて

関連する問題