JQuery的ajax方法調用api,使用百度API Store的開放API進行實際的調用實踐,!!! 目前百度api改成收費模式,所以這次演示就用聚合數據為大家演示一下,供大家參考。大家可以在API Store | 聚合數據練習,增加知識的理解和實踐。
<script>
$.ajax({ url:'http://apis.juhe.cn/idcard/index', type:'get', data:{ cardno:'420116199201203716', dtype:'json', key:'44d1cbaa1665151ec1514e685b68a764' }, dataType:'jsonp', success:function(info){ console.log(info) }, error:function(error,Msgerror){ console.log(Msgerror) } }) </script>
參數:<--根據api的要求-->
1.url: 發送請求的參數(默認當前頁)
2.type: 請求的方式()
3.data: 要求為Object或String類型的參數,發送到服務器的數據。如果已經不是字符串,將自動轉換為字符串格式。
cardno,dtype,key是需要的參數
4.dataType: 預期服務器返回的數據類型
5.success: 請求成功后調用的回調函數
6.使用模板引擎渲染到頁面
7.請求失敗時被調用的函數。該函數有3個參數,即XMLHttpRequest對象、錯誤信息、捕獲的錯誤對象(可選)
8.請求成功,返回結果
請求成功的返回值,只需要用渲染引擎渲染到頁面就OK了,希望能給大家帶來幫助。
About:
GitHub:onlyhappy
個人網站:onlyhappy | IT分享