跨網域 No 'Access-Control-Allow-Origin' header 的問題

ajax cors

Victor 2018-07-24 11:16:54 ‧ 17997 瀏覽

想請教各位大大！最近需要做跨網域索取資料的功能。

需要介接下方網站！
https://alerts.ncdr.nat.gov.tw/RSS.aspx

但是每次送出請求時都會有下圖錯誤訊息。

$.ajax({  
    url: "https://alerts.ncdr.nat.gov.tw/JSONAtomFeeds.ashx",  
    method:"GET",
    crossDomain: true,
    dataType:'json',
    headers: {

            'Access-Control-Allow-Origin': '*'

    },
    success:function(data){ 
      console.log(data);

    },
})

不知道我這樣加入 header 是不是正確的方法。但是嘗試此段程式碼，還是無法正常取的資料。

看更多先前的討論...收起先前的討論...

神Q超人 iT邦研究生 5 級 ‧ 2018-07-24 11:25:47 檢舉

關於header可以參考看看以下文章：
https://stackoverflow.com/questions/10093053/add-header-in-ajax-request-with-jquery

似乎要改成
beforeSend: function(request) {
request.setRequestHeader("Access-Control-Allow-Origin","*" );
},
或是更下面也有人說改成單引號就可以了，大大可以試看看!

小魚 iT邦大師 1 級 ‧ 2018-07-24 12:00:20 檢舉

小碼農米爾 iT邦高手 1 級 ‧ 2018-07-24 13:09:47 檢舉

對方的網站不讓其他網站(不同網域)用 ajax 抓資料，
如果不能修改對方的程式，只能用後端做中繼，
ajax 呼叫自己的 ashx，再由 ashx 去呼叫對方的 ashx ，哈哈哈。

補充: 後端可以用 WebClient 或 HttpWebRequest 去呼叫對方。

Homura iT邦高手 1 級 ‧ 2018-07-25 09:20:48 檢舉

fysh711426w提供的方法還不錯

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

1 個回答

純真的人

iT邦大師 1 級 ‧ 2018-07-24 11:51:26

最佳解答

不正確....@@
那個是要加在被你讀取的那頁才可以~
例如A頁要讀取B頁~
那你的B頁標頭檔就要加上Access-Control-Allow-Origin

'跨網域
Response.AddHeader("Access-Control-Allow-Origin", "*")

不然你就是要靠後端php或aspx語法去抓遠端資料~

回應 2
分享
檢舉

Nick iT邦新手 5 級 ‧ 2019-02-01 11:19:24 檢舉

目前是不想用後端來做...
想在前端完成他，這樣還有其他方法嗎!?

Nick iT邦新手 5 級 ‧ 2019-02-01 11:20:49 檢舉

抱歉...
我回錯版面了!

登入發表回應

我要發表回答

立即登入回答

參賽組數

1123 組

團體組數

52 組

累計文章數

23096 篇

完賽人數

656 人

15th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 2018鐵人賽 javascript 2017鐵人賽 python windows php c# windows server linux css react 程式設計 vue.js

IT邦幫忙