2012-03-10 7 views
1

サブレッジからの最初のpermalinkで私のdivを追加したいと思います。私はjQueryのドキュメンテーション、Smashing Magazineの記事、redditのgithubを試してみましたが効果はありませんでした。これを行う方法を理解するのを手伝ってください。getJSON + reddit api - それを噛む方法?

のjQuery:

$(document).ready(function(){ 
     $.getJSON("api.reddit.com/r/aww/.json", function(json){ 
      $(".slodziaki").append("<p>Permalink</p>"+ json.data.children.data[0].permalink)'   
     }); 
}); 

HTML:

<html> 
    <head> 
     <meta charset="utf-8"> 
     <title>Słodziaki.</title> 
     <script> 

     </script> 
    </head> 
    <body> 
     <div class="slodziaki"> 
      Reddit api test. 
     </div> 
    </body> 
</html> 

jsFiddle:http://jsfiddle.net/AdVS3/2/

+0

重複するhttp://stackoverflow.com/questions/8191105/how-to-extract-url-data-from-reddit-api-using-json – Niko

+0

'api.reddit.com/r/aww/.json 'は適切なURLではなくURLパスです。 – Gumbo

答えて

2

あなたは正しい考えを持っているが、ほとんどのブラウザでは、のためにあなたがapi.reddit.comにアクセスすることができません。 XSS protectionおよびSame Origin Policy。もう一つの選択肢は、サーバ側のスクリプトでcURLなどを使用してJSONを取得する方法です.jQueryはローカルサーバからそのリソースにアクセスします。スクリプト言語を提供すると、私はさらに助けることができます。

幸いにも、これはPHPでかなり簡単です。 quite a few optionsがありますが、そのページからfile_get_contents()で始めることをおすすめします。業績向上を目指す場合は、こちらに記載されているcURLオプションもご検討ください。まっすぐ進むと、指定されたURL(api.reddit.com/r/aww/.json)に移動してローカルに表示されます。

aww.phpというファイルにそのファイルを書き込む場合は、関数でaww.phpと呼ぶだけです。

+0

ご返信ありがとうございます。以前は私がアクセス可能なもの(iframeのようなもの)を使うことができたと思っていたので、面白かったですが、あなたが私に何か感謝していることが間違っていることを証明しました。残念ながら、私はフロントエンドの人であり、私はサーバー側の言語について知りません。しかし、私は自分のプロジェクトを達成したいので、スクリプト言語の基本を学びたいと思っています。私の現在のWebサーバはPHPだけを提供しています(それを学ぶ予定はありませんでした)。それを行う方法について私に技術を教えてください。前もって感謝します。 – metrampaz

+0

ヤフーYQLをプロキシとして使用してデータを取得することができます。サンドボックスコンソールにセットアップするのに数分しかかかりません。 – charlietfl

+0

@metrampaz PHP固有の情報を追加しました。 – Nic

関連する問題