亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

fetch 從初識(shí)到應(yīng)用

Amio / 1822人閱讀

摘要：是基于進(jìn)行實(shí)現(xiàn)的對(duì)應(yīng)兼容包兼容服務(wù)的兼容中的這個(gè)不用解釋了吧轉(zhuǎn)換為，要和對(duì)象中的保持一致，調(diào)用對(duì)應(yīng)的返回一個(gè)對(duì)象以上代碼的解釋該值代表中是否攜帶到服務(wù)器端默認(rèn)值，不攜帶到服務(wù)器允許從當(dāng)前域下攜帶到服務(wù)器端，相對(duì)應(yīng)服務(wù)器端的

fetch是基于promise進(jìn)行實(shí)現(xiàn)的
對(duì)應(yīng)npm兼容包：

          node-fetch      //兼容node服務(wù)的fetch
          iso-whatwg-fetch    //兼容safari中的fetch

eg:

    fetchData(){
        fetch(url, {
            method: "post",    //這個(gè)不用解釋了吧
            body: JSON.stringify(data),   //轉(zhuǎn)換為json，要和header對(duì)象中的ContentType保持一致
            headers: {
                "Content-Type": "application/json"   
            },
            credentials: "include" ，  
            mode： "cors"
    
        }).then((response) => response.json())
    }

調(diào)用對(duì)應(yīng)的fecthData返回一個(gè)promise對(duì)象
eg：

    fetchData().then((data) => {
          you can do everything on data
     })

以上代碼的解釋：
credentials: "include"|‘omit’ | "same-origin"

   //該值代表request中是否攜帶cookie到服務(wù)器端
   //omit : 默認(rèn)值，不攜帶cookie到服務(wù)器
   //same-origin:  允許從當(dāng)前域下攜帶cookie到服務(wù)器端，相對(duì)應(yīng)服務(wù)器端的this.set("Access-Control-Allow-Credentials", true)
   //include:  允許攜帶all-sites下的cookie到服務(wù)器端，服務(wù)器端要設(shè)置相應(yīng)的Allow-Credentials
mode: "no-cors" | "cors"
   //該值代表當(dāng)前請(qǐng)求是否可以跨域
   //no-cors: 默認(rèn)值， fetch默認(rèn)是不跨域的
   //cors: 可以發(fā)送跨域請(qǐng)求，相對(duì)應(yīng)服務(wù)器端的 this.set("Access-Control-Allow-Origin", this.get("Origin") || "*");

fetch包含的常用對(duì)象：

new Request() 
new Response()
new Headers()

這三個(gè)對(duì)象可以具體應(yīng)用到fetch中：
將上面的例子可以改寫;

fetchData() {
    let header = new Headers({
        "Content-Type": "application/json"  
        })
    let request = new request({
        method: "post",    //這個(gè)不用解釋了吧
        body: JSON.stringify(data),   //轉(zhuǎn)換為json，要和header對(duì)象中的ContentType保持一致
        headers: header,   //聲明的header對(duì)象
        credentials: "include" ，  
        mode： "cors"
    })
    fetch(url, request).then((response) => response.json())   //less code,更加明了
}

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/84180.html

相關(guān)文章

  • 初識(shí)fetch

    摘要：后面可以跟對(duì)象，表示等待才會(huì)繼續(xù)下去執(zhí)行，如果被或拋出異常則會(huì)被外面的捕獲。沒(méi)有獲取狀態(tài)方法，標(biāo)準(zhǔn)沒(méi)有提供獲取當(dāng)前狀態(tài)或者的方法。只允許外部傳入成功或失敗后的回調(diào)。這種進(jìn)度通知的功能還沒(méi)有用過(guò)，暫不知道如何替代。 始終不是很懂fetch的作用，然后查了很多資料，看了一篇不錯(cuò)的文章，結(jié)合自己之前學(xué)習(xí)的Promise，然后做一篇文章，稍微記錄一下。傳統(tǒng) Ajax 已死，F(xiàn)etch 永生 雖...

    rickchen 評(píng)論0 收藏0

  • 初識(shí)React(9)：dva簡(jiǎn)介

    摘要：初始值，優(yōu)先級(jí)低于傳給的，如下此時(shí)，在后為以格式定義。用于處理同步操作，唯一可以修改的地方。由觸發(fā)，可以觸發(fā)，可以和服務(wù)器交互，可以獲取全局的數(shù)據(jù)等等。取消注冊(cè)，清理和。如果沒(méi)有返回函數(shù)，使用會(huì)給予警告注冊(cè)路由表。 前言 dva 首先是一個(gè)基于 redux 和 redux-saga 的數(shù)據(jù)流方案，然后為了簡(jiǎn)化開(kāi)發(fā)體驗(yàn)，dva 還額外內(nèi)置了 react-router 和 fetch，所以...

    keke 評(píng)論0 收藏0

  • 基于 Generator 和 Iterator 的惰性列表

    摘要：在某些不定長(zhǎng)度的列表操作上，惰性列表會(huì)讓代碼和結(jié)構(gòu)更靈活。方法本身是立即執(zhí)行的，如果滿足條件，這里的方法會(huì)執(zhí)行兩次。結(jié)語(yǔ)和是帶給我們的非常強(qiáng)大的語(yǔ)言層面的能力，它本身的求值可以看作是惰性的。 初識(shí) Lazy List 如果有了解過(guò) Haskell 的朋友，對(duì)下面的這些表達(dá)一定不陌生 repeat 1 -- => [1, 1, 1, 1, 1,...] cycle abc -- => a...

    superw 評(píng)論0 收藏0

  • 用高階函數(shù)實(shí)現(xiàn)地址的延遲搜索

    摘要：原文高階函數(shù)在中高階函數(shù)實(shí)際上就是控制函數(shù)的函數(shù)，有別于普通函數(shù)傳遞變量，高階函數(shù)傳遞的是函數(shù)，并且輸出函數(shù)這對(duì)于初學(xué)者來(lái)說(shuō)足夠燒腦，也足夠驚艷。初識(shí)時(shí)常常會(huì)被被震撼了，原來(lái)函數(shù)還可以這么用這是設(shè)計(jì)模式與開(kāi)發(fā)實(shí)踐的單例模式的一個(gè)高階函數(shù)。 原文 高階函數(shù) 在javascript中高階函數(shù)實(shí)際上就是控制函數(shù)的函數(shù)，有別于普通函數(shù)傳遞變量，高階函數(shù)傳遞的是函數(shù)，并且輸出函數(shù) 這對(duì)于js初學(xué)...

    Nosee 評(píng)論0 收藏0

  • fetch:不一樣的xhr請(qǐng)求

    摘要：無(wú)論請(qǐng)求成功與否，它都返回一個(gè)對(duì)象，對(duì)應(yīng)請(qǐng)求的?？蛇x一個(gè)配置項(xiàng)對(duì)象，包括所有對(duì)請(qǐng)求的設(shè)置。注意或方法的請(qǐng)求不能包含信息。只讀請(qǐng)求所關(guān)聯(lián)的對(duì)象。使用一個(gè)對(duì)象來(lái)讀取流中的數(shù)據(jù)，并將狀態(tài)改為已使用。 fetch初識(shí) 此功能某些瀏覽器尚在開(kāi)發(fā)中，請(qǐng)參考瀏覽器兼容性表格以得到在不同瀏覽器中適合使用的前綴。由于該功能對(duì)應(yīng)的標(biāo)準(zhǔn)文檔可能被重新修訂，所以在未來(lái)版本的瀏覽器中該功能的語(yǔ)法和行為可能隨之改...

    cheng10 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<