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