原生ajax請求封裝一波

2022-07-06 14:06:08 字數 1359 閱讀 2607

現在的前端,大專案用框架(vue、react、angular),小頁面用原生,不過原生ajax好像不是很多人用,甚至不如jquery。也許是因為很多人覺得原生的xmlhttprequest太麻煩了吧,不過我個人不喜歡因為某個框架的一點點功能就在專案中引入整個框架,浪費資源...!所以還是自己寫吧

使用方法的話,因為註冊到了window下:

就行了,這裡預設返回json,如果不是的話記得修改36行部分**哦,想要put、delete方法的同學參考post自行新增哦

原生ajax封裝請求

封裝ajax function ajax obj else 2.開啟請求 第乙個引數表示請求方式,值為get post,是字串 第二個引數表示請求的位址 第三個引數是布林值,預設是true表示非同步,false表示同步 xhr.open obj.type,obj.url,obj.async 3.判斷...

理解ajax技術,封裝原生 ajax請求

優點 缺點 核心 工作原理 對比 1.xmlhtttprequest物件 是ajax技術 的核心 2.xhr物件 的屬性 readystate 返回 請求的狀態 數字格式 狀態 名稱描述 0uninitialized 初始化狀態 xmlhttprequest 物件已建立 或 已被 abort 方法重...

封裝原生ajax

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