Ajax

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>

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關(guān)閱讀更多精彩內(nèi)容

  • 瀏覽器與服務器之間,采用HTTP協(xié)議通信。用戶在瀏覽器地址欄鍵入一個網(wǎng)址,或者通過網(wǎng)頁表單向服務器提交內(nèi)容,這時瀏...
    徐國軍_plus閱讀 439評論 0 4
  • 大家好,我是IT修真院深圳分院第3期的學員,一枚正直純潔善良的前端程序員,今天給大家分享一下,修真院官網(wǎng)前端工程師...
    大大頭大閱讀 8,090評論 1 72
  • ajax 是什么?有什么作用? AJAX全稱為“Asynchronous JavaScript and XML”(...
    Schrodinger的貓閱讀 389評論 0 1
  • AJAX 原生js操作ajax 1.創(chuàng)建XMLHttpRequest對象 var xhr = new XMLHtt...
    碧玉含香閱讀 3,563評論 0 7
  • 題目1: ajax 是什么?有什么作用? AJAX全稱為“Asynchronous JavaScript and ...
    ezrealor閱讀 274評論 0 1

友情鏈接更多精彩內(nèi)容