表示JSONフィードデータのhtml

に私は、HTMLページに以下のURLからデータを表示したい：表示JSONフィードデータのhtml

https://graph.facebook.com/1041049395967347/posts?access_token=616050815226195|bqcTMDgKwdzdDyOeD8uyIKEYZlo

（ログインfacebookからの最新の投稿を表示します）。

ここで、これまでコード：

<!DOCTYPE html> 
<html> 

<body> 

<h1>Customers</h1> 
<div id="id01"></div> 

<script> 
var xmlhttp = new XMLHttpRequest(); 
var url = "https://graph.facebook.com/1041049395967347/posts?access_token=616050815226195|bqcTMDgKwdzdDyOeD8uyIKEYZlo"; 


xmlhttp.open("GET", url, true); 
xmlhttp.send(); 

function myFunction(response) { 
    var arr = JSON.parse(response); 
    var i; 
    var out = "<table>"; 

    for(i = 0; i < arr.length; i++) { 
     out += "<tr><td>" + 
     arr[i].story + 
     "</td><td>" + 
     arr[i].story + 
     "</td><td>" + 
     arr[i].created_time + 
     "</td></tr>"; 
    } 
    out += "</table>"; 
    document.getElementById("id01").innerHTML = out; 
} 
</script> 

</body> 
</html>

しかし、私は何も結果を得ていないのです。

何か不足している場合は誰でも助けてくれますか？

は

出典

2016-05-11 user3657517

は、「myFunction」が呼び出されていますか？あなたはfacebookから200のバックを得ていますか？ – winhowes

はい、document.getElementById（ "id01"）。innerHTML = out;私が出力を得るよりも "http://www.w3schools.com/website/customers_mysql.php"というリンクを変更すると出力が得られますが、FacebookのグラフURLではなくhttp://www.w3schools.com/をチェックしてくださいjson/tryit.asp？filename = tryjson_server_sql – user3657517

私はこのexapleに従います。http://www.w3schools.com/json/tryit.asp?filename=tryjson_server_sql私はjsonにはあまりよく知られていませんので、 – user3657517

この

$.getJSON("https://graph.facebook.com/1041049395967347/posts?access_token=616050815226195|bqcTMDgKwdzdDyOeD8uyIKEYZlo",null,function(result){ 
 

 
    
 
    var out = "<table>"; 
 

 
    for(i = 0; i < result.data.length; i++) { 
 
     out += "<tr><td>" + 
 
     result.data[i].story + 
 
     "</td><td>" + 
 
     result.data[i].story + 
 
     "</td><td>" + 
 
     result.data[i].created_time + 
 
     "</td></tr>"; 
 
    } 
 
    out += "</table>"; 
 
    
 
    $("#divContent").html(out); 
 
    
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<div id="divContent"></div>

出典

2016-05-11 08:05:26

完了、それはうまくいってくれました – user3657517

OS SEE FULL CODEを望む人は、私は最終作業コードで質問を更新しました。ありがとうございました – user3657517

私はそれが働くように**質問**を更新することは良い考えだとは思わない。将来の読者は問題を認識しません。 –

arrは、配列が、オブジェクト、要素を含むdataとpagingではないので、要素を反復することは動作しません試しいただきありがとうございます。代わりに、arr.lengthを使用する必要があります：

var xmlhttp = new XMLHttpRequest(); 
var url = "https://graph.facebook.com/1041049395967347/postsaccess_token=616050815226195|bqcTMDgKwdzdDyOeD8uyIKEYZlo"; 

xmlhttp.onreadystatechange=function() { 
    if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { 
     myFunction(xmlhttp.responseText); 
    } 
} 
xmlhttp.open("GET", url, true); 
xmlhttp.send(); 

function myFunction(response) { 
    var arr = JSON.parse(response); 
    var i; 
    var out = "<table>"; 

    for (i = 0; i < arr.data.length; i++) { 
     out += "<tr><td>" + 
     arr.data[i].story + 
     "</td><td>" + 
     arr.data[i].story + 
     "</td><td>" + 
     arr.data[i].created_time + 
     "</td></tr>"; 
    } 
    out += "</table>"; 
    $("#divContent").html(out); 
}

出典

2016-05-11 08:09:38

ちょうどコードを修正するのではなく、答えを説明するために私の投票を得ました – kevmc

説明ありがとうございます。私は答えとして複数の質問をマークすることができたらいいと思う。 – user3657517

表示JSONフィードデータのhtml

答えて

関連する問題