一、問答題
1. ajax 是什么?有什么作用?
ajax是異步 JavaScript + XML的縮寫,不過現在JSON使用的更多; 概括起來就一句話,AJAX通過原生的XMLHttpRequest
對象發出HTTP請求,得到服務器返回的數據后,再進行處理;
2. 前后端開發聯調需要注意哪些事情?后端接口完成前如何 mock 數據?(npm install -g server-mock)
需要注意的事情有:
1.約定前后端聯調的時間。
2.約定雙方需要傳輸的數據和接口,在接口文檔中確定好參數的名稱、格式等。
3.約定請求和響應的格式和內容。
MOCK數據的方法有:
1.自己模擬數據來進行MOCK;
2.使用server-mock或mock.js搭建模擬服務器,進行模擬測試;
3.使用XAMPP等工具,編寫PHP文件來進行測試。
3. 點擊按鈕,使用 ajax 獲取數據,如何在數據到來之前防止重復點擊?
1.設置狀態鎖
var lock=0;//設置狀態鎖
oBtn.addEventListener("click",function () {
if (lock===0) {
lock=1;//關鎖
//to do 執行代碼
lock=0; //開鎖
}
})
2.限制一定的時間內重復提交
var oBtn=document.querySelector(".button");
var clockTime=null;
oBtn.addEventListener("click",function(){
if(clockTime){
clearTimeout(clockTime)
}
clockTime=setTimeout(function(){
//to do
},5000)
})
//5000毫秒內提交一次 重復點擊重新計時