1.Ajax 是什么?有什么作用?
AJAX即“Asynchronous Javascript And XML”(異步JavaScript和XML),是指一種創(chuàng)建交互式網(wǎng)頁應用的網(wǎng)頁開發(fā)技術(shù)。AJAX 用于創(chuàng)建快速動態(tài)網(wǎng)頁,以及用于網(wǎng)頁和服務器的異步交互,通過頁面?zhèn)鬏斏倭繑?shù)據(jù),局部更新網(wǎng)頁,意味可以在不重新加載整個網(wǎng)頁的情況下,對網(wǎng)頁的某部分進行更新。
2.前后端開發(fā)聯(lián)調(diào)需要注意哪些事情?后端接口完成前如何 mock 數(shù)據(jù)?
1.確認接口文檔的歸屬,由誰來撰寫。
后端定接口,前端針對接口寫交互和頁面。先約定數(shù)據(jù),后定接口。用數(shù)據(jù)來填充模板,從而渲染頁面。
2.確認接口的參數(shù)和返回值,還有接口名稱。
寫接口:請求和響應的格式。接口的名稱,請求的參數(shù),響應:后端接受請求后給什么數(shù)據(jù)。
3.確認數(shù)據(jù)傳輸方式,是否需要中間站
4.確認數(shù)據(jù)傳輸格式,JSON或XML等
5.確認接口數(shù)據(jù)管理權(quán)
6.接口信息變動告知方式
后端接口完成前如何mock數(shù)據(jù)?
1.自己編寫測試數(shù)據(jù),但是要求較高操作麻煩,并且可能數(shù)據(jù)類型不夠全面。
2.使用mock.js,搭建本地服務器,使用后端語言編寫簡單的接口模擬數(shù)據(jù)來測試。
3.點擊按鈕,使用 ajax 獲取數(shù)據(jù),如何在數(shù)據(jù)到來之前防止重復點擊?
<pre>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>ENVY</title>
</head>
<body>
<script>
var btnboolean = false;
btn.addEventListener('click',function(){
if (btnboolean) {
return;
}
btnboolean = true;
//ajax
//success
//error
})
</script>
</body>
</html>
</pre>