http://www.w3school.com.cn/ajax/index.asp
狀態(tài)碼
題目1： ajax 是什么被啼？有什么作用？
ajax的全稱(chēng)是AsynchronousJavascript+XML第焰，即 異步傳輸+JS+XML
ajax是一種用于創(chuàng)建快速動(dòng)態(tài)網(wǎng)頁(yè)的技術(shù)峻堰。通過(guò)在后臺(tái)與服務(wù)器進(jìn)行少量數(shù)據(jù)交換咽袜。ajax可以使網(wǎng)頁(yè)實(shí)現(xiàn)異步更新丸卷。這意味著可以在不重新加載整個(gè)網(wǎng)頁(yè)的情況下，對(duì)網(wǎng)頁(yè)的某部分進(jìn)行更新询刹。而傳統(tǒng)的網(wǎng)頁(yè)（不使用ajax）如果需要更新內(nèi)容谜嫉，必須重載整個(gè)網(wǎng)頁(yè)面。
題目2： 前后端開(kāi)發(fā)聯(lián)調(diào)需要注意哪些事情凹联？后端接口完成前如何 mock 數(shù)據(jù)沐兰？
- 前后端開(kāi)發(fā)聯(lián)調(diào)需要注意事項(xiàng)：
- 約定數(shù)據(jù)：有哪些需要傳輸?shù)臄?shù)據(jù)，數(shù)據(jù)類(lèi)型是什么蔽挠；
- 約定接口：確定接口名稱(chēng)及請(qǐng)求和響應(yīng)的格式住闯，請(qǐng)求的參數(shù)名稱(chēng)、響應(yīng)的
- 數(shù)據(jù)格式：根據(jù)這些約定整理成接口文檔
- 后端接口完成前如何mock數(shù)據(jù)：
- 安裝nodejs => npm安裝server-mock澳淑。
- 按約定的數(shù)據(jù)類(lèi)型比原，編寫(xiě)路由文件（router.js）及模板文件（user.ejs）
- 在本地使用server-mock來(lái)模擬數(shù)據(jù)。
題目3：點(diǎn)擊按鈕杠巡，使用 ajax 獲取數(shù)據(jù)量窘，如何在數(shù)據(jù)到來(lái)之前防止重復(fù)點(diǎn)擊?
var flag = false // 初始為false
btn.addEventListener("click", function () {
if (flag){
return // 如果為true，直接退出
}
ajax(xxx, function () { //否則進(jìn)入AJAX操作
//...
flag = true //將flag設(shè)為true氢拥，此時(shí)如有click操作蚌铜，直接return
})
flag = false // 完畢后，將flag設(shè)為false
})
function ajax() {}
題目4：實(shí)現(xiàn)加載更多的功能兄一，后端在本地使用server-mock來(lái)模擬數(shù)據(jù)
loadmore.gif
