亚洲青青视频一区|8MAV在线观看|天天看AV天天看|中日成人手机在线|欧美激情五区六区|亚洲婷婷天堂级片|亚洲天堂网7777|欧美日韩其他另类|手机在线成人AV|成人性大片一区二区三区四区五区

284292114@qq.com 中國(guó)站
新聞中心 網(wǎng)絡(luò)推廣 網(wǎng)站建設(shè) 優(yōu)化推廣 首頁(yè)>新聞中心>網(wǎng)站建設(shè)

用JQ來(lái)讀取API數(shù)據(jù)并循環(huán)數(shù)據(jù),舉例用天行數(shù)據(jù)和聚合數(shù)據(jù),AJAX加載

時(shí)間:2021-05-28   訪問(wèn)量:0

本文僅供參考。

本文主要針對(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ì)象。沒(méi)有數(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ù),可以通過(guò)前端獲取,方法如下
            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é)束  
    
  });
  
  
    });
    
    })



服務(wù)咨詢
1對(duì)1咨詢,專業(yè)客服為您解疑答惑
聯(lián)系銷售
15899750475
在線咨詢
聯(lián)系在線客服,為您解答所有的疑問(wèn)
ARE YOU INTERESTED IN ?
感興趣嗎?

有關(guān)我們服務(wù)的更多信息,請(qǐng)聯(lián)系項(xiàng)目經(jīng)理

15899750475 楊先生