fetch跨域jsonp,Cors

豆瓣電影的api
原生js用fetch發起跨域請求報錯Access-Control-Allow-Origin
于是按照提示添加了mode:'no-cors',最后如下,能發送請求,但是無法在回調中獲取任何數據,查詢資料后好像是第三方api不支持cors的緣故,并且在no-cors模式下允許瀏覽器發送本次跨域請求,但是不能訪問響應返回的內容,最后只能用ajax

 let domain=`http://api.douban.com/v2/movie/top250`
        fetch(this.domain,{
            start:0,
            count:20,
            method:'GET',
            mode:'no-cors'
        }).then(response=>{
            console.log(response)
            console.log(response.json())
            return response.json()
        }).then(res=>{
            console.log(res)
        }).catch(e=>{
            console.log(e)
        })
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 題目1.什么是同源策略? 同源策略(Same origin Policy): 瀏覽器出于安全方面的考慮,只允許與本...
    FLYSASA閱讀 1,752評論 0 6
  • 1. 什么是跨域 跨域,是指瀏覽器不能執行其他網站的腳本。它是由瀏覽器的同源策略造成的,是瀏覽器對JavaScri...
    cbw100閱讀 6,389評論 2 86
  • 1. 跨域和同源 首先來看摘自MDN上對于跨域,較為標準的解釋: 當一個資源從與該資源本身所在的服務器不同的域或端...
    曉風殘月1994閱讀 430評論 0 0
  • Section1、為什么要跨域? 自古以來(1995年起),為了用戶的信息安全,瀏覽器就引入了同源策略。那么同源策...
    不去解釋閱讀 572評論 0 0
  • 一個模板打天下 重要性 標題位置不合適,其實不需要標題 技巧:新建工作簿 CTRL+N切換工作簿 CTRL+T...
    d76e7c4ef49a閱讀 709評論 0 0