调用API中的API-jQuery/HHandlebars
Calling API within API - jQuery/Handlebars
我正在尝试调用两个Reed工作站点API,一个是搜索雇主ID列出的所有工作,另一个是检索在初始搜索中找到的所有工作ID的数据。第一次API调用的数据很好,我可以让车把把把相关数据放在页面上,而不会出现任何问题。第二个API将调用,数据在JS控制台中可见,但当它放在页面上时,控制台显示"无法读取未定义的属性'jobTitle'"。我知道这一定是一件简单的事情,但我对JS/API的世界相对陌生,所以可以用手来做!
这是我的html
<div id="results">
<table>
<tbody>
<script id="reedsearch-template" type="text/html">
<tr>
<th>{{ jobTitle }}</th>
<td>{{ locationName }}</td>
<td>£{{ minimumSalary }} - £{{ maximumSalary }}</td>
<td>{{ jobUrl }}</td>
</tr>
</script>
</tbody>
</table>
</div>
这是我的JS(删除了我的API密钥)
$(document).ready(function () {
var reedsearchHtml = $("#reedsearch-template").html();
var reedsearchTemplate = Handlebars.compile(reedsearchHtml);
$.ajax({
type: "get",
async: true,
url: "http://www.reed.co.uk/api/1.0/search?employerId=p8799",
beforeSend: function(xhr) {
xhr.setRequestHeader("Authorization", "Basic " + btoa("API KEY:"))
},
success: function (data) {
console.log(data.results);
for (var i = 0; i < data.results.length; i++) {
var job = data.results[i];
var jobHtml = reedsearchTemplate(job);
$("#results").append(jobHtml);
var reedUrl = "http://www.reed.co.uk/api/1.0/jobs/";
var id = job.jobId
var url = reedUrl + id;
$.ajax({
type: "get",
async: true,
url: url,
beforeSend: function(xhr) {
xhr.setRequestHeader("Authorization", "Basic " + btoa("API KEY:"))
},
success: function (data) {
console.log(data);
var jobDetails = data.results;
var detailsHtml = reedsearchTemplate(jobDetails);
$("#results").append(detailsHtml);
}
});
}
}
});
});
请温柔并提前感谢:)
设法修复了它!只需要对最后3行进行以下更改-
var info = data;
var infoHtml = reedsearchTemplate(info);
$("#results").append(infoHtml);
做了很多测试,但很高兴我能弄清真相:)
相关文章:
- 如何更改bigquery API中的计费层选项
- Amazon S3 REST API大小不正确
- 客户端服务器REST API captcha实现
- 使用Facebook live API创建实时视频对象时的隐私设置
- 谷歌放置API:按国家或餐馆名称搜索餐馆
- MeteorJS:在带有回调的vzaar api上正确使用wrapAsync
- 是否可以控制获取哪些Google地图脚本(JavaScript API)
- API密钥使用和检查示例
- 谷歌地图API v3不适用于移动浏览器或PhoneGap
- 任何方式使AJAX调用Gmail API,而无需通过JS库
- 谷歌地图JS API+JSON-多个标记没有显示
- 单击超链接时,如何使用Google Maps API v3缩放地图
- 如何在 API 调用后和 if 语句中启用提交按钮
- 与运行长作业(javascript,node.js)的第三方API同步的最佳实践
- 搜索api在mac上显示对话框
- Backbone.js restful json API design
- 标记的实时更新,无需加载页面谷歌地图API V3
- 是否可以使用iframe API在iOS浏览器上播放youtube视频
- 对API数据使用声明性绑定
- 调用API中的API-jQuery/HHandlebars