1.Ajax 是什么蛤肌?有什么作用?
AJAX即“Asynchronous Javascript And XML”(異步JavaScript和XML)批狱,是指一種創(chuàng)建交互式網(wǎng)頁應(yīng)用的網(wǎng)頁開發(fā)技術(shù)。AJAX 用于創(chuàng)建快速動態(tài)網(wǎng)頁展东,以及用于網(wǎng)頁和服務(wù)器的異步交互赔硫,通過頁面?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ù)和返回值师妙,還有接口名稱诵肛。
寫接口:請求和響應(yīng)的格式。接口的名稱默穴,請求的參數(shù)怔檩,響應(yīng):后端接受請求后給什么數(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调衰,搭建本地服務(wù)器膊爪,使用后端語言編寫簡單的接口模擬數(shù)據(jù)來測試。
3.點擊按鈕嚎莉,使用 ajax 獲取數(shù)據(jù)米酬,如何在數(shù)據(jù)到來之前防止重復(fù)點擊?
<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>