最近需要在app生活频道上，需要添加一些类目，这就需要用到一些公用的开放接口，ajax其实调用并不复杂，但是结合jquery则显得更简洁一些，下面一起来看看jquery调用后台api。
代码如下：
<script>
$(document).ready(function() {
$("#queryTrade").click(function() {
$("tbody").html("")
var tradeId = $("#tradeId").val()
if (13 == tradeId.length) {
alert($("#tradeId").val())
$.ajax({
url: "http://v.juhe.cn/exp/index",
type: "GET",
dataType: "jsonp",
jsonp: "callback",
jsonpCallback: "JsonCallback",
async: false,
data: {
com: "sto",
dtype: "",
key: "8f0df33b2b06619914c4b0fa6028a455",
no: tradeId },
success: function(data) {
var returninfo = data.result.list
for (var i = 0; i < returninfo.length; i++) {
$("tbody").append("<tr><td>" + returninfo[i].datetime + "</td> <td>" + returninfo[i].remark + "</td></tr>")
}
},
})
}
})
});
</script>
对于以上几个代码我们主要需要来看以下几个参数：
1：type 表示请求的方式
2：url 请求的url
3：datatype 数据的格式，这里必须要注意的是，这里的ajax请求是跨域，所以还需要我们再做处理
dataType: "jsonp",
jsonp: "callback",
jsonpCallback: "JsonCallback",
4：data 请求的数据
5：success 如果请求成功的回调函数
ajax请求api数据就是以上这样简单。