解決した

ペットファインダーのAPIとjquery

フロントエンド

私はpetfinder APIを取得するためにjqueryを使用していますが、私はこれに新しいです。 私は何もページに現れていないので、問題を抱えています。 ここにリンクがあり、データがあることがわかります

http://api.petfinder.com/pet.getRandom?key=b6ba5a567c1e4f543b3c8a4b7ae0cf76"http://www.wpcreations.net/matt/petsearch.html" rel="nofollow" rel="nofollow">http://www.wpcreations.net/matt/petsearch.html 

admins / users - 問題を見つけたら、ライブリンクとキーを削除します。 ありがとうございました。

$(document).ready(function(){

    var petfinderAPI = "http://api.petfinder.com/pet.getRandom?format=json";

    var petfinderOPT ={

        animal:"dog",
        shelterid:"KY305",
        output:"basic",
        //format:"json"

    };


    function displayInfo(data){

        var infoHTML = '<ul>';
        $.each(data.pet,function(i, pets){
        infoHTML += '<p> ' +  pets.description + ' <p>';
        //infoHTML += '<img src = " ' + photo.options.media.photos.photo + '"></a><li>';
        });
        infoHTML += '</ul>';

        $('#petfinderInfo').html(infoHTML);

        }

    $.getJSON(petfinderAPI,petfinderOPT,displayInfo)
  .done(function(petApiData) { alert('Data retrieved!'); })
  .error(function(err) { alert('Error retrieving data!'); 
});


}); //end ready function

ここには、ペットファインダーのapi docのスニペットがあります - クロスドメインサポート(JSONP)

Petfinder APIは、クロスドメインJavaScriptリクエスト用のJSONPをサポートしています。 JSON形式のリクエストを作成する場合は、これがJSONPリクエストであることを示すためにコールバックパラメータを追加することができます。 コールバックパラメータの値は一意の文字列である必要があります。

以下は、jQueryを使用したJSONPリクエストの基本的な例です。 ここでコールバック=? query stringパラメータは、JSONP呼び出しであることを指定するために必要です。 jQueryは '?' 一意のタイムスタンプ値(つまり「jQuery110206092635430395603_1391456463806」)を使用してクエリ文字列内に挿入します。

$.getJSON('http://api.petfinder.com/my.method?format=json"https://www.petfinder.com/developers/api-docs" rel="nofollow" rel="nofollow">https://www.petfinder.com/developers/api-docs#request-format 


Progress 100%

一番いい

回答

フロントエンド

ありがとうございますが、何が間違っていたかを把握し、情報を引き出すためにajaxを使用しました。 あなたはこの答えを閉じることができますが、ここではいくつかのコードがあります

<script type="text/javascript">
$(document).ready(function(){
    var url = 'http://api.petfinder.com/pet.getRandom?key=longkeygoeshere"Request: "+JSON.stringify(request));
        }
    });
});

</script>