Petfinder api和jquery
我正在使用jquery拉取petfinder api，但我是新手。 我遇到问题，因为页面上没有任何内容。 这是链接，你可以看到有数据
http://api.petfinder.com/pet.getRandom?key=b6ba5a567c1e4f543b3c8a4b7ae0cf76&shelterid=KY305&output=full&format=json 这是我在js文件中的代码。 您可以看到我只是尝试添加说明并尝试在ID为1的大尺寸照片上拍照。
对不起，这个新手问题。 不知道为什么它没有显示。 这是我的测试网站
http://www.wpcreations.net/matt/petsearch.html
管理员/用户 – 一旦我发现问题，我将删除实时链接和密钥。 谢谢。
$(document).ready(function(){ var petfinderAPI = "http://api.petfinder.com/pet.getRandom?format=json&key=b6ba5a567c1e4f543b3c8a4b7ae0cf76&callback?"; var petfinderOPT ={ animal:"dog", shelterid:"KY305", output:"basic", //format:"json" }; function displayInfo(data){ var infoHTML = ''; $.each(data.pet,function(i, pets){ infoHTML += ' ' + pets.description + '
'; //infoHTML += '
- '; }); infoHTML += '
'; $('#petfinderInfo').html(infoHTML); } $.getJSON(petfinderAPI,petfinderOPT,displayInfo) .done(function(petApiData) { alert('Data retrieved!'); }) .error(function(err) { alert('Error retrieving data!'); }); }); //end ready function
以下是pet finder api doc的一个片段 – 跨域支持（JSONP）
Petfinder API支持跨域JavaScript请求的JSONP。 在进行任何JSON格式的请求时，可以添加回调参数以表示这是一个JSONP请求。 callback参数的值应该是唯一的字符串。
下面是使用jQuery的JSONP请求的基本示例。 这里的回调=？ 需要查询字符串参数来指定它是JSONP调用。 jQuery会取代’？’ 在具有唯一时间戳值的查询字符串中（即’jQuery110206092635430395603_1391456463806’）。
$.getJSON('http://api.petfinder.com/my.method?format=json&key=12345&callback=?') .done(function(petApiData) { alert('Data retrieved!'; }) .error(function(err) { alert('Error retrieving data!'); });
这是petfinder api的链接。 我不确定您是否必须加入网站https://www.petfinder.com/developers/api-docs#request-format
谢谢，但我已经弄清楚出了什么问题，并使用ajax来提取信息。 你可以关闭这个答案，但这里有一些代码