題目1: ajax 是什么?有什么作用蹋订?
AJAX是對(duì)Asynchronous Javascript and XML(異步的JavaScript和XML)的縮寫,是一種數(shù)據(jù)請(qǐng)求技術(shù)的泛稱,在沒有使用這個(gè)技術(shù)之前,每當(dāng)我們往后端發(fā)送一個(gè)請(qǐng)求雁比,服務(wù)器做出響應(yīng)后都會(huì)返回一個(gè)完整的新頁面;使用AJAX之后傻铣,可以在在瀏覽器和服務(wù)器之間進(jìn)行數(shù)據(jù)的異步傳輸章贞,在不重載頁面的情況下發(fā)送請(qǐng)求然后獲得服務(wù)器的返回?cái)?shù)據(jù)。
題目2:前后端開發(fā)聯(lián)調(diào)需要注意哪些事情非洲?后端接口完成前如何 mock 數(shù)據(jù)鸭限?
前后端開發(fā)聯(lián)調(diào)需要注意事項(xiàng):
約定數(shù)據(jù):有哪些需要傳輸?shù)臄?shù)據(jù),數(shù)據(jù)類型是什么两踏;
約定接口:確定接口名稱及請(qǐng)求和響應(yīng)的格式败京,請(qǐng)求的參數(shù)名稱、響應(yīng)的數(shù)據(jù)格式梦染;
根據(jù)這些約定整理成接口文檔
如何mock數(shù)據(jù):
可以根據(jù)接口文檔赡麦,使用假數(shù)據(jù)來驗(yàn)證我們制作的頁面響應(yīng)和接口是否正常。
可以用xampp進(jìn)行模擬
也可使用server-mock
題目3:點(diǎn)擊按鈕帕识,使用 ajax 獲取數(shù)據(jù)泛粹,如何在數(shù)據(jù)到來之前防止重復(fù)點(diǎn)擊?
var lock=false,
btn=document.querySelector('#btn');
btn.addEventListener('click',function(){
if(lock){
retrun;
}else{
lock=true;
ajax({
...
lock=false
})
}
})