Ajax的封裝及demo

2021-10-05 09:41:14 字數 1072 閱讀 5452

html

// ajax的最基本封裝

// 將 get請求方式 和 post請求方式 封裝為兩個函式

function

getajaxsend

(url , cb)

}// post請求方式

// 要比get方式,多設定乙個請求頭

// 還要多設定乙個請求引數的資料

function

postajaxsend

(url , cb , datastr)

}<

/script>

js

// 定義乙個js外部檔案

// 儲存各種要使用的函式

// 將來通過外部檔案的形式,來載入js檔案,執行js函式

// 設定cookie函式

function

mysetcookie

(key,value,time)=$

;expires=$`

;}// 獲取cookie函式

function

mygetcookie

(cookiestr)

;const arr1 = cookiestr.

split

('; ');

arr1.

foreach

((item)

=>

)return obj;

}// get方式,ajax請求

function

getajaxsend

(url , cb )

}// post方式,ajax請求

ajax的基本使用及封裝

ajax流程 建立ajax物件 1.傳送請求 傳送請求位址 傳送請求的方式 2.傳送資料 3.設定監聽事件,監聽後端是否返回資料 4.處理資料 get請求 建立ajax物件 設定請求的路徑和方法,get post get 表單提交的資料會拼接到請求的路徑裡,效率高 post 會將表單的資料放置到請求...

Ajax原理及JQuery封裝的使用

建立xmlhttprequest物件var xhr new xmlhttprequest 設定請求報文 1.設定請求行 引數1為請求方式,引數2為請求位址 get方式 xhr.open get 01.php?name zs age 18 需要將傳送的資料拼接在位址後面 post方式 xhr.open...

python類的封裝demo

class houseitem def init self,name,area self.name name self.area area def str self return s 占用面積 2f平方公尺 self.name,self.area class house def init self,...