iT邦幫忙

0

求救各位大大,讀取環保署的即時資料遇到了問題?

在瀏覽器上直接輸入網址直接點選可以叫出資料,但是在網頁裡用get()方式讀取到console卻沒有反應,請教各位大大 小弟不勝感激!
下列網址內的token 已經過認證取得.
https://opendata.epa.gov.tw/webapi/api/rest/datastore/355000000I-000207/?format=json&token=SRfmMRV2QkWOVtI/YqvnrQ

https://ithelp.ithome.com.tw/upload/images/20181008/201123262QYRw7TfHJ.jpg

wolfwang iT邦新手 3 級 ‧ 2018-10-08 16:58:43 檢舉
應該是跨域問題吧,要用 JSONP 的方式來抓
marlin12 iT邦新手 3 級 ‧ 2018-10-08 21:00:23 檢舉
這些數字怎麽來的,不覺得台北的空氣比高雄好

1 個回答

4
marlin12
iT邦新手 3 級 ‧ 2018-10-08 18:51:34
最佳解答

要用JSONP去繞過CORS的限制。

<!DOCTYPE html>
<html>

<head>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-jsonview/1.2.3/jquery.jsonview.min.css" />
</head>

<body>
    <div id="json"></div>

    <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-jsonview/1.2.3/jquery.jsonview.min.js"></script>

    <script>
        $.ajax({
            url: "https://opendata.epa.gov.tw/webapi/api/rest/datastore/355000000I-000207/?format=jsonp&token=SRfmMRV2QkWOVtI/YqvnrQ",
            type: "GET",
            dataType: "jsonp",
            success: function (data) {
                $("#json").JSONView(data);
            }
        });
    </script>
</body>

</html>

上回發問承蒙你的解答不甚感激
小弟進一步想要讀取資料時還是卡了很久
例如應該如何取得 data 內的內容
{ Site:”富貴角”,county:”新北市”,…}
謝謝 您的幫忙

問題已解決!/images/emoticon/emoticon41.gif

我要發表回答

立即登入回答