成人在线亚洲_国产日韩视频一区二区三区_久久久国产精品_99国内精品久久久久久久

您的位置:首頁技術文章
文章詳情頁

ajax和fetch的區別點總結

瀏覽:178日期:2022-06-12 10:25:04

本教程操作環境:windows7系統、jquery1.10.2版本、Dell G3電腦。

ajax和fetch的區別

(1)、ajax是利用XMLHttpRequest對象來請求數據的,而fetch是window的一個方法

(2)、ajax基于原生的XHR開發,XHR本身的架構不清晰,已經有了fetch的替代方案

(3)、fetch比較與ajax有著更好更方便的寫法

(4)、fetch只對網絡請求報錯,對400,500都當做成功的請求,需要封裝去處理

(5)、fetch沒有辦法原生監測請求的進度,而XHR可以

ajax用法

因為它原生的寫法很雞肋,所以大多會封裝下,導致可能很多人不會自己寫個ajax請求。都是用的JQuery或者Axios來請求數據的

var xhr= new XMLHttpRequest(); // 新建XMLHttpRequest對象
xhr.onload= function(){ //請求完成
console.log(this.responseText);
}
// 發送請求:
xhr.open("GET", "/user");
xhr.send();

這樣一個請求就發出去了。很麻煩,發個簡單請求,還得寫這么多行代碼。 實際開發中當然不會這么寫,否則代碼冗余,可讀性差,用promise封裝一下

var Ajax = {
get: function(url,fn){
// XMLHttpRequest對象用于在后臺與服務器交換數據
var xhr=new XMLHttpRequest();
xhr.open("GET",url,false);
xhr.onreadystatechange=function(){
// readyState == 4說明請求已完成
if(xhr.readyState==4){
if(xhr.status==200 || xhr.status==304){
console.log(xhr.responseText);
fn.call(xhr.responseText);
}
}
}
xhr.send();
},

// data應為"a=a1&b=b1"這種字符串格式,在jq里如果data為對象會自動將對象轉成這種字符串格式
post: function(url,data,fn){
var xhr=new XMLHttpRequest();
xhr.open("POST",url,false);
// 添加http頭,發送信息至服務器時內容編碼類型
xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
xhr.onreadystatechange=function(){
if (xhr.readyState==4){
if (xhr.status==200 || xhr.status==304){
// console.log(xhr.responseText);
fn.call(xhr.responseText);
}
}
}
xhr.send(data);
}
}

代碼注釋:

1、open(method, url, async) 方法需要三個參數:

method:發送請求所使用的方法(GET或POST);與POST相比,GET更簡單也更快,并且在大部分情況下都能用;然而,在以下情況中,請使用POST請求:

①無法使用緩存文件(更新服務器上的文件或數據庫)

②向服務器發送大量數據(POST 沒有數據量限制)

③發送包含未知字符的用戶輸入時,POST 比 GET 更穩定也更可靠

url:規定服務器端腳本的 URL(該文件可以是任何類型的文件,比如 .txt 和 .xml,或者服務器腳本文件,比如 .asp 和 .php (在傳回響應之前,能夠在服務器上執行任務));

async:規定應當對請求進行異步(true)或同步(false)處理;true是在等待服務器響應時執行其他腳本,當響應就緒后對響應進行處理;false是等待服務器響應再執行。

2、send() 方法可將請求送往服務器。

3、onreadystatechange:存有處理服務器響應的函數,每當 readyState 改變時,onreadystatechange 函數就會被執行。

4、readyState:存有服務器響應的狀態信息。

0: 請求未初始化(代理被創建,但尚未調用 open() 方法)

1: 服務器連接已建立(open方法已經被調用)

2: 請求已接收(send方法已經被調用,并且頭部和狀態已經可獲得)

3: 請求處理中(下載中,responseText 屬性已經包含部分數據)

4: 請求已完成,且響應已就緒(下載操作已完成)

5.responseText:獲得字符串形式的響應數據。

6.setRequestHeader():POST傳數據時,用來添加 HTTP 頭,然后send(data),注意data格式;GET發送信息時直接加參數到url上就可以,比如url?a=a1&b=b1。

fetch用法

1、第一個參數是URL
2、第二個參數可選參數 可以控制不同的init對象
3、使用了js 中的promise對象

var arr1 = [{
name: "haha",
detail:"123"
}];

fetch("url", {
method: "post",
headers: {//設置請求的頭部信息
"Content-Type": "application/json"
//跨域時可能要加上
//"Accept":"allication/json"
}, //將arr1對象序列化成json字符串
body: JSON.stringify(arr1)//向服務端傳入json數據
}).then(function(resp) {
resp.json().then((data) => {

})
});

所有的IE瀏覽器都不會支持 fetch()方法,服務器端返回 狀態碼 400 500的時候 不會reject

到此這篇關于ajax和fetch的區別點總結的文章就介紹到這了,更多相關ajax和fetch有什么區別內容請搜索以前的文章或繼續瀏覽下面的相關文章希望大家以后多多支持!

標簽: Ajax
相關文章:
成人在线亚洲_国产日韩视频一区二区三区_久久久国产精品_99国内精品久久久久久久
国产欧美三级| 亚洲欧洲一二三| 欧美日韩免费电影| 亚洲人成网站在线| 色综合亚洲欧洲| 亚洲三级影院| 国产精品国产自产拍在线| 豆国产96在线|亚洲| 欧美色大人视频| 国精产品一区一区三区mba桃花| 在线视频国内自拍亚洲视频| 天堂av在线一区| 在线观看国产精品网站| 日韩成人一级片| 色视频欧美一区二区三区| 日韩二区三区在线观看| 欧美亚洲图片小说| 精品午夜一区二区三区在线观看| 欧美日本一区二区视频在线观看| 欧美性欧美巨大黑白大战| 亚洲欧美电影院| 成人ar影院免费观看视频| 在线视频欧美精品| 亚洲精品免费播放| 色综合色狠狠综合色| 在线电影院国产精品| 亚洲一卡二卡三卡四卡 | 一区二区三区四区在线免费观看 | 久久久久久久欧美精品| 无码av免费一区二区三区试看| 欧美浪妇xxxx高跟鞋交| 91麻豆产精品久久久久久| 18涩涩午夜精品.www| 亚洲国产精品综合| 中文一区在线播放| 亚洲制服av| 国产精品影音先锋| 中文在线一区二区| 日本精品一级二级| 91亚洲精品乱码久久久久久蜜桃| 亚洲精品久久7777| 欧美另类一区二区三区| 激情综合电影网| 亚洲成av人片在www色猫咪| 欧美久久婷婷综合色| 欧美精品首页| 麻豆精品新av中文字幕| 日韩欧美亚洲国产精品字幕久久久| 91影院在线观看| 天堂成人国产精品一区| 精品久久免费看| 亚洲尤物在线| www.欧美日韩| 亚洲高清在线视频| 中文字幕欧美三区| 欧美日韩视频第一区| 激情视频一区二区| 国产在线精品一区二区不卡了| 国产欧美日韩亚州综合| 欧美性三三影院| 亚洲黄色三级| 99riav一区二区三区| 五月天激情综合网| 日韩一区二区精品在线观看| 欧美专区一区二区三区| 99精品国产99久久久久久白柏| 亚洲国产日韩av| 欧美激情艳妇裸体舞| 7777精品伊人久久久大香线蕉| 亚洲精品乱码久久久久久蜜桃91| 国产成人av在线影院| 三级一区在线视频先锋| 欧美国产1区2区| 日韩欧美激情四射| 欧洲国产伦久久久久久久| 国产精品久久久久久久久婷婷| 色综合色狠狠综合色| 精品一区二区三区香蕉蜜桃| 亚洲欧洲精品天堂一级| 久久精品欧美日韩精品| 欧美精品1区2区3区| 久久久777| 亚洲一区精品视频| 亚洲精品裸体| 韩日成人在线| 海角社区69精品视频| 成人午夜激情影院| 国产精品影视天天线| 久久电影国产免费久久电影| 五月婷婷久久综合| 亚洲国产专区| 国产精品国产精品国产专区不蜜| 欧美日韩影院| 亚洲精品久久久久久国产精华液| 国产精品永久入口久久久| 亚洲激情男女视频| 婷婷丁香久久五月婷婷| 亚洲成av人影院| 制服丝袜在线91| 成人av免费在线| 国产精品美女久久福利网站| 亚洲精品一品区二品区三品区| 在线欧美不卡| 亚洲三级网站| 91免费视频网| 不卡欧美aaaaa| 一本久久综合亚洲鲁鲁五月天 | 亚洲国产裸拍裸体视频在线观看乱了 | 国产a级毛片一区| 成人丝袜18视频在线观看| 欧美中文字幕亚洲一区二区va在线 | 国产美女久久久久| 麻豆精品国产91久久久久久| 日韩电影在线一区| 日韩激情一区二区| 美女性感视频久久| 国模大尺度一区二区三区| 国产黄色精品网站| 国产精品99久久久| 欧美一区二区三区在线播放 | 久久综合激情| 欧美日韩一区二区三区四区五区 | 欧美一区二区在线观看| 欧美性大战久久久久久久| 欧美视频在线观看一区二区| 欧美日韩日日摸| 日韩视频在线一区二区| 久久久久久久久99精品| 国产精品久久久久影视| 亚洲成人av中文| 国产成人综合视频| 亚洲天堂偷拍| 久久综合一区二区三区| 欧美成人三级在线| 亚洲欧美在线高清| 国产精品网站在线| 午夜精品福利在线| proumb性欧美在线观看| 中国成人在线视频| 欧美日韩日本视频| 久久先锋资源网| 一区二区在线看| 国产一区二区三区日韩| 国产精品mv在线观看| 美日韩精品免费| 久久久久九九视频| 日韩精品一二三四| www.成人在线| 麻豆成人在线| 久久综合色天天久久综合图片| 一区二区三区高清不卡| 国产91精品一区二区麻豆网站 | 欧美成人中文| 一本一道久久a久久精品综合蜜臀| 日韩一区二区免费视频| 亚洲高清免费观看 | 亚洲国产精品一区在线观看不卡 | 国产精品成人免费在线| 精品视频一区二区不卡| 亚洲午夜激情在线| 韩日精品视频一区| 国产精品久久久久久户外露出 | 国产精品一区在线播放| 久久激情一区| 日韩欧美在线123| 一区二区三区成人| av色综合久久天堂av综合| 在线视频一区二区免费| 国产精品拍天天在线| 国产成人激情av| 在线观看免费视频综合| 亚洲精品第一国产综合野| 色综合中文字幕国产| 国内自拍亚洲| 精品免费国产一区二区三区四区| 奇米四色…亚洲| 国产精品一级| 国产精品素人一区二区| 日韩制服丝袜av| 欧美日韩卡一卡二| 亚洲综合首页| 欧美日韩在线一二三| 国产成人精品在线看| 三级久久三级久久| 中文字幕日韩一区| 精品国产乱码久久久久久闺蜜| 日本精品一区二区三区高清 | 欧美日韩久久久一区| 亚洲精品国产日韩| 国产精品一区在线观看乱码| 亚洲图片欧美视频| 欧美国产欧美亚州国产日韩mv天天看完整 | 狠狠色噜噜狠狠色综合久| 国产麻豆午夜三级精品| 午夜私人影院久久久久| 中文字幕一区二区三区蜜月| 欧美电影免费观看高清完整版在线| 欧美在线观看禁18| 麻豆精品网站| 最新国产乱人伦偷精品免费网站|