api接口指的是應(yīng)用程序編程接口(Application Programming Interface),是一些預(yù)先定義的函數(shù),或指軟件系統(tǒng)不同組成部分銜接的約定。用來提供應(yīng)用程序與開發(fā)人員基于某軟件或硬件得以訪問的一組例程,而又無需訪問原碼,或理解內(nèi)部工作機(jī)制的細(xì)節(jié)。
function productClickHandler() {
var xhr = new XMLHttpRequest(); // 創(chuàng)建xhr對(duì)象
xhr.onreadystatechange = function() {
if(xhr.readyState == 4) {
if((xhr.status >= 200 && xhr.status < 300) || xhr.status == 304) {
var result = JSON.parse(xhr.responseText); // 將字符串轉(zhuǎn)化為對(duì)象,然后才能獲取到返回字符串中的某一個(gè)值
console.log(result.totalCount); // 獲取返回字符串中的某一個(gè)值
} else {
alert('Request was unsuccessful: ' + xhr.status);
}
}
}
var url = 'http://study.163.com/webDev/couresByCategory.htm?' + "pageNo=1&psize=1&type=10"; // 獲取課程列表,帶參數(shù)的get請(qǐng)求
xhr.open('get', url, true); // 開啟一個(gè)請(qǐng)求,但還沒有向服務(wù)器端發(fā)起請(qǐng)求,執(zhí)行后redayState的值變?yōu)?
xhr.send(null); // 向服務(wù)器端發(fā)起請(qǐng)求,執(zhí)行后redayState的值變?yōu)?
// 補(bǔ)充:當(dāng)服務(wù)器端開始返回請(qǐng)求數(shù)據(jù)的時(shí)候,瀏覽器端接收到這個(gè)數(shù)據(jù),redayState的值變?yōu)?。
// 當(dāng)瀏覽器端結(jié)束請(qǐng)求時(shí),redayState的值變?yōu)?,status的值變?yōu)?00(表示請(qǐng)求成功),responseText變?yōu)橄鄳?yīng)的返回值。
}
然后可以通過getElementById("id")等方法獲取到html元素,再使用.innerHTML將獲取到的值插入html。