1、ajax 是什么?有什么作用?
ajax全稱是Asynchrous JavaScript XML的縮寫。
作用:與服務(wù)器交換數(shù)據(jù)并更新部分網(wǎng)頁,在不重新加載整個頁面的情況下。
具體來說,AJAX包括以下步驟
創(chuàng)建AJAX對象;
發(fā)出HTTP請求;
接受服務(wù)器傳回的數(shù)據(jù);
更新網(wǎng)頁數(shù)據(jù)。
2、前后端開發(fā)聯(lián)調(diào)需要注意哪些事情?后端接口完成前如何 mock 數(shù)據(jù)?(npm install -g server-mock) 知識點視頻-如何 mock 數(shù)據(jù)?
前后端開發(fā)聯(lián)調(diào)需要注意事項:
約定數(shù)據(jù):有哪些需要傳輸?shù)臄?shù)據(jù),數(shù)據(jù)類型是什么;
約定接口:確定接口名稱及請求和響應(yīng)的格式,請求的參數(shù)名稱、響應(yīng)的數(shù)據(jù)格式;
根據(jù)這些約定整理成接口文檔
- 后端接口完成前mock數(shù)據(jù):
可以根據(jù)接口文檔,使用假數(shù)據(jù)來驗證我們制作的頁面響應(yīng)和接口是否正常。
可以搭建php本地服務(wù)器用,php寫腳本提供臨時數(shù)據(jù);
也可使用Mock.js,它能攔截ajax請求并根據(jù)請求中的內(nèi)容來隨機生成符合你要求的假數(shù)據(jù),模擬后端環(huán)境讓你完成對頁面和接口的測試.
3、點擊按鈕,使用 ajax 獲取數(shù)據(jù),如何在數(shù)據(jù)到來之前防止重復(fù)點擊?
var lock = false;
btn.addEventListener("click",function(){
if(!lock){
lock = true;
ajax(XXXX);
lock = false;
}
});
更多方法參考
代碼題
代碼預(yù)覽
代碼一

0_1484138685439_1.png
本地mock成功
代碼二

0_1484138710405_2.png
本地mock成功
代碼三

0_1484138732659_3.png
本地mock成功