成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

fetch和ajax的區(qū)別

superw / 3012人閱讀

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

Ajax

利用的是XMLHttpRequest對象來請求數(shù)據(jù)的。
關(guān)于ajax https://segmentfault.com/a/11...

fetch

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

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

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

使用fetch之后得到的是一個promise對象 在這個promise對象里邊再定義執(zhí)行成功的時候是什么。下面是正確的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 的主要區(qū)別

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

使用fetch開發(fā)項目的時候的問題

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

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/88347.html

相關(guān)文章

  • Jquery ajax, Axios, Fetch區(qū)別之我見

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

    YanceyOfficial 評論0 收藏0

  • Ajax原理一篇就夠了

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

    hiYoHoo 評論0 收藏0

  • Ajax原理一篇就夠了

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

    z2xy 評論0 收藏0

  • Ajax原理一篇就夠了

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

    KevinYan 評論0 收藏0

  • ES6 Fetch API HTTP請求實用指南

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

    Sunxb 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<