最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

fetch跨域問(wèn)題的使用詳解

 更新時(shí)間:2022年09月15日 10:01:40   作者:?jiǎn)葱歉哒? 
這篇文章主要介紹了fetch跨域問(wèn)題的使用詳解,fetch 的核心主要包括:Request , Response , Header , Body,利用了請(qǐng)求的異步特性 --- 它是基于 promise 的,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),需要的朋友可以參考下

一、介紹

fetch 提供了一個(gè)獲取資源的接口 (包括跨域)。

fetch 的核心主要包括:Request , Response , Header , Body

利用了請(qǐng)求的異步特性 --- 它是基于 promise 的

1.作用:fetch這個(gè)API, 是專(zhuān)門(mén)用來(lái)發(fā)起Ajax請(qǐng)求的;

fetch('/url').then(data=>{
    return data.text();
}).then(ret=>{
    //注意,這里才是得到的最終數(shù)據(jù)
    console.log(ret);
});

2.fetch是由原生JS提供的API,專(zhuān)門(mén)用來(lái)取代XHR這個(gè)對(duì)象的;

 fetch("請(qǐng)求的url地址")
  .then(response => res.json() )
  .then(data => console.log(data))
  //注意: 第一個(gè).then 中獲取到的不是最終數(shù)據(jù),而是一個(gè)中間的數(shù)據(jù)流對(duì)象;
  // 注意: 第一個(gè)  .then 中獲取到的數(shù)據(jù), 是一個(gè) Response 類(lèi)型對(duì)象;
  // 注意: 第二個(gè) .then 中,獲取到的才是真正的 數(shù)據(jù);

3.發(fā)起Get 請(qǐng)求

// 默認(rèn)  fetch("url") 的話, 發(fā)起的是 Get 請(qǐng)求
 fetch("url")
 .then(response => {
     //這個(gè) response  就是 服務(wù)器返回的可讀數(shù)據(jù)流, 內(nèi)部存儲(chǔ)的是二進(jìn)制數(shù)據(jù)
     // .json() 的作用,就是 讀取 response 這個(gè)二進(jìn)制數(shù)據(jù)流,并把 讀取到的數(shù)
     //  據(jù),轉(zhuǎn)為 JSON 格式的Promise 對(duì)象
     return response.json()
  })
  .then(data => {
           //這離  第二個(gè) .then 中拿到的 data, 就是最終的數(shù)據(jù)
     console.log(data)
  })

4.發(fā)起Post請(qǐng)求

var sendDate = new URLSearchParams()
 sendDate.append("name",'ls')
 sendDate.append("age", 30)

 fetch("url", {
   method: "post",
   body: sendDate  //要發(fā)給服務(wù)器的數(shù)據(jù)
 })
 .then(response => response.json())
 .then(data => console.log(data))
fetch(URL, {
            method: 'post',
            body:JSON.stringify(obj),
            headers:{
                'Content-Type': 'application/json'
            }
        })
        .then(function (response) {
            return response.text();
        })
        .then(function (myJson) {
            alert(myJson);
        });

到此這篇關(guān)于fetch跨域問(wèn)題的使用詳解的文章就介紹到這了,更多相關(guān)fetch跨域問(wèn)題內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

最新評(píng)論

利辛县| 石景山区| 亚东县| 安陆市| 梁河县| 安康市| 呼伦贝尔市| 靖边县| 修水县| 霞浦县| 拉萨市| 崇左市| 通海县| 湘西| 北安市| 宜昌市| 丰都县| 泗洪县| 黔东| 安平县| 习水县| 金堂县| 新邵县| 华安县| 大姚县| 莒南县| 陇川县| 盈江县| 潜山县| 莱州市| 开鲁县| 遵化市| 甘德县| 固安县| 宁海县| 新宁县| 威宁| 施秉县| 仙游县| 洱源县| 塔河县|