問答
1.ajax 是什么首妖?有什么作用?
- ajax(Asynchronous JavaScript And XML)意思就是異步的JavaScript和XML爷恳。
- 作用:在不刷新整個頁面的情況下有缆,通過局部與后臺的交互實現局部內容的刷新。
2.前后端開發(fā)聯(lián)調需要注意哪些事情温亲?后端接口完成前如何 mock 數據棚壁?(npm install -g server-mock) 知識點視頻-如何 mock 數據
-
前后端開發(fā)聯(lián)調需要注意:
- 約定好數據,不用考慮后端是否開發(fā)完成.
- 定接口,確定接口名稱及請求和響應的格式,請求的參數名稱栈虚、響應的數據格式袖外;
后端接口完成前如何 mock 數據
使用server-mock或mock.js搭建模擬服務器,進行模擬測試魂务。
在本地安裝XAMPP曼验,編寫PHP文件來進行測試。
3.點擊按鈕粘姜,使用 ajax 獲取數據鬓照,如何在數據到來之前防止重復點擊?
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>任務24</title>
</head>
<body>
<form>
<input type='submit' name='submit' value='提交' id='submit' >
</form>
<script>
var lock = false;
submit.addEventListener("click",function(){
if(!lock){
lock = true;
ajax();
lock = false;
}
});
</script>
</body>
</html>
使用一個可以表示狀態(tài)的變量,初始時設置變量值為false孤紧。用戶點擊提交按鈕之后豺裆,將值設為true,判斷值是否為true号显,是則發(fā)送ajax請求臭猜,再將值設為false。等服務器端給出響應后將值設為false押蚤。