TypeScript 封裝原生 Ajax

2021-10-03 15:01:10 字數 1144 閱讀 7084

typescript 封裝原生 ajax,crud 對應post,delete,put,get 實列如下:

1.定義 ajax 請求所需的引數介面

inte***ce

iajaxconfig

2.定義 crud 對應的抽象方法

inte***ce

iajaxconfig

2.定義 crud 對應的抽象方法

export abstract class

tsajax

3.繼承抽象類並實現抽象類抽象方法,封裝原生 ajax [crud]

export

class

ajax

extends

tsajax

if(xhr !=

null

)else

}else}}

else

console.

log(result)

;return result;

}_post

(url: string, data?

:string)

: any );

}_delete

(url: string, data?

:string)

: any );

}_put

(url: string, data?

:string)

: any );

}_get

(url: string, data?

:string)

: any );

}}

4.呼叫

封裝原生ajax

封裝原生ajax四個步驟 類似於手機打 建立xmlhttprequest物件 買手機 開啟與伺服器的連線 撥號 傳送到伺服器 按下撥號鍵 等待伺服器的響應 有可能關機,不在服務區,無人接聽,有人接聽 function ajax obj else data user xiaocuo age 23 if...

原生js ajax 封裝

首先我們先了解ajax的get和post請求分別是怎樣請求資料的 get請求 建立ajax例項 開啟需要請求的位址,可以有三個引數 參1 請求方式 參3 是否非同步,可選,預設非同步 向後端傳送的資料,get方式用不到 ajx.onreadystatechange post請求 建立ajax例項 開...

原生sql 封裝

return array default array hostname 127.0.0.1 database csshop username root password root tablepre bz charset utf8 type mysql debug true pconnect 0,au...