fetch和ajax的區別

superw 發布于2019-08-21 16:16 / 3000人閱讀

摘要：利用的是對象來請求數據的。下面是正確的的使用方法和的主要區別返回的將不會拒絕的錯誤狀態，即使響應是一個或者在默認情況下不會接受或者發送使用開發項目的時候的問題所有的瀏覽器都不會支持方法服務器端返回狀態碼的時候不會

Ajax

利用的是XMLHttpRequest對象來請求數據的。
關于ajax https://segmentfault.com/a/11...

fetch

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

fetch(url).then(function (response) {
    return response.json()   //執行成功第一步
}).then(function (returnedValue) {
    //執行成功的第二步
}).catch(function (err) {
    //中途的任何地方出錯  都會在這里被捕獲到
})

注意：
fetch 的第二參數中
1、默認的請求為get請求可以使用method:post 來進行配置
2、第一步中的 response有許多方法 json() text() formData()
3、Fetch跨域的時候默認不會帶cookie 需要手動的指定 credentials:"include"

使用fetch之后得到的是一個promise對象在這個promise對象里邊再定義執行成功的時候是什么。下面是正確的fetch的使用方法

 var promise=fetch("http://localhost:3000/news", {
        method: "get"
    }).then(function(response) {
             return  response.json()
    }).catch(function(err) {
        // Error :(
    });
    promise.then(function (data) {
          console.log(data)
    }).catch(function (error) {
        console.log(error)
    })

fetch和ajax 的主要區別

1、fetch()返回的promise將不會拒絕http的錯誤狀態，即使響應是一個HTTP 404或者500
2、在默認情況下 fetch不會接受或者發送cookies

使用fetch開發項目的時候的問題

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

云服務器 GPU云服務器 fetch和axios的區別寬帶和專線的區別專線和寬帶的區別空間和域名的區別

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/88347.html

Jquery ajax, Axios, Fetch區別之我見

摘要：我們都知道因為同源策略的問題，瀏覽器的請求是可能隨便跨域的一定要有跨域頭或者借助，但是，中可以設置為不跨域，如下所示這樣之后我們會得到一個為的返回。免費幫忙內推阿里等各大IT公司的崗位，有興趣可以帶簡歷加微信angeltune 引言前端技術真是一個發展飛快的領域，我三年前入職的時候只有原生XHR和Jquery ajax，我們還曾被JQuery 1.9版本版本以下不支持大文件請求這個...

YanceyOfficial 2019-08-22 13:49 評論0 收藏0
Ajax原理一篇就夠了

摘要：請求數據流程與領導想找小李匯報一下工作類似。表示從客戶端發來的請求在服務器端被正常處理了。表示永久性重定向。該狀態碼表示請求的資源已被分配了新的，以后應使用資源現在所指的。表示服務器端在執行請求時發生了錯誤。前言 AJAX即Asynchronous Javascript And XML，是指一種創建交互式網頁應用的網頁開發技術。AJAX 是一種用于創建快速動態網頁的技術。它可以令開發...

hiYoHoo 2019-08-02 16:07 評論0 收藏0
Ajax原理一篇就夠了

摘要：請求數據流程與領導想找小李匯報一下工作類似。表示從客戶端發來的請求在服務器端被正常處理了。表示永久性重定向。該狀態碼表示請求的資源已被分配了新的，以后應使用資源現在所指的。表示服務器端在執行請求時發生了錯誤。前言 AJAX即Asynchronous Javascript And XML，是指一種創建交互式網頁應用的網頁開發技術。AJAX 是一種用于創建快速動態網頁的技術。它可以令開發...

z2xy 2019-08-23 14:06 評論0 收藏0
Ajax原理一篇就夠了

摘要：請求數據流程與領導想找小李匯報一下工作類似。表示從客戶端發來的請求在服務器端被正常處理了。表示永久性重定向。該狀態碼表示請求的資源已被分配了新的，以后應使用資源現在所指的。表示服務器端在執行請求時發生了錯誤。前言 AJAX即Asynchronous Javascript And XML，是指一種創建交互式網頁應用的網頁開發技術。AJAX 是一種用于創建快速動態網頁的技術。它可以令開發...

KevinYan 2019-08-30 15:54 評論0 收藏0
ES6 Fetch API HTTP請求實用指南

摘要：例子張三刪除用戶為了刪除用戶，我們首先需要定位用戶，然后我們定義方法類型。例子張三結論現在，你已基本了解如何使用的從服務器檢索或操作資源，以及如何處理。您可以使用本文作為如何構建操作的請求的指南。 showImg(https://segmentfault.com/img/bVbjxqh?w=1000&h=562); 本次將介紹如何使用Fetch API（ES6 +）對REST API的...

Sunxb 2019-08-23 13:12 評論0 收藏0