本文僅供參考。
本文主要針對(duì)初學(xué)者使用API數(shù)據(jù)不知道如何調(diào)用,那么用JQ來(lái)讀取和返回是醉為簡(jiǎn)單的。本文主要以天行數(shù)據(jù)和聚合數(shù)據(jù)為例子,因?yàn)樗麄兌继峁┝嗣赓M(fèi)的API接口。大家可以自己去申請(qǐng)。
API數(shù)據(jù)大多數(shù)返回的數(shù)據(jù)類型為json,那么我們先看兩組返回的數(shù)據(jù)。
1:天行數(shù)據(jù)的返回?cái)?shù)據(jù)。拿抖音熱點(diǎn)榜舉例:
{
"code": 200,
"msg": "success",
"newslist": [
{ "hotindex": 11552765, "label": 5, "word": "郭聰明暫停唱歌接受治療"
},
{ "hotindex": 8354588, "label": 0, "word": "5年5訴離婚男方將提上訴"
},
{ "hotindex": 6483092, "label": 1, "word": "國(guó)足醉新身價(jià)出爐"
}
]
}可以看到我們需要的數(shù)據(jù)在:newslist這個(gè)數(shù)組中,然后數(shù)據(jù)中又包括了一個(gè)或者多個(gè)對(duì)象。
2:再看看聚合數(shù)據(jù)的返回。舉個(gè)例子為身份證查詢。
{
"resultcode":"200",
"reason":"成功的返回",
"result":{
"area":"湖北省武漢市黃陂區(qū)",
"sex":"男",
"birthday":"1992年01月20日",
"verify":""
},
"error_code":0}可以看到我們需要的數(shù)據(jù)是在:result中,他包括了一個(gè)對(duì)象。沒有數(shù)組。
一個(gè)是數(shù)組,一個(gè)是對(duì)象。 這是他們醉大的區(qū)別。
接下來(lái)我們寫JS請(qǐng)求和返回。
$.ajax({
url:'http://apis.juhe.cn/idcard/index',
type:'get',
dataType:'jsonp', //注意聚合數(shù)據(jù)這里要用JSONP才能正常返回
data:{ //傳遞參數(shù)
cardno:'420116199201203716', //傳遞參數(shù),可以通過前端獲取,方法如下
dtype:'json',
key:'76ca6507bea4自己申請(qǐng)的KEY'
},
success:function(info){
console.log(info);
$("#result").append(info.result.sex+info.result.area+info.result.birthday); // 這是聚合數(shù)據(jù)直接輸出的
},
error:function(error,Msgerror){
console.log(Msgerror);
alert("錯(cuò)誤");
}
})假如是天行數(shù)據(jù)的數(shù)組,要如何輸出?
$("#TJ").click(function() { //數(shù)據(jù)提交
var url="http://api.tianapi.com/txapi/star/index";
var key="49fed76b6a";
var urlb=$("input#test").val(); //獲取到INPUT輸入值
$.ajax({
url: url,
type: 'POST',
dataType: 'json', //這里用JSON,和上面聚合數(shù)據(jù)JSONP不同。
data:{ //傳遞參數(shù)
astro:urlb,
key:key,
},
//成功后返回?cái)?shù)據(jù)
success:function(date){
var i=0;
$.each(date.newslist, function(idx,obj) {
$("#result").append("<div class='dy'>"+"<div class='title'>"+obj.type+"</div>"+"<div class='desc'>"+obj.content+"</div>"+"</div>");
});
},
error:function(error){
alert(error);
},
//成功后返回?cái)?shù)據(jù)結(jié)束
});
});
})有關(guān)我們服務(wù)的更多信息,請(qǐng)聯(lián)系項(xiàng)目經(jīng)理
15899750475 楊先生