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

open data get() jquery

gmsopendata 2018-10-08 16:54:11 ‧ 1758 瀏覽

分享至

在瀏覽器上直接輸入網址直接點選可以叫出資料,但是在網頁裡用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邦研究生 4 級 ‧ 2018-10-08 16:58:43 檢舉

應該是跨域問題吧，要用 JSONP 的方式來抓

marlin12 iT邦研究生 5 級 ‧ 2018-10-08 21:00:23 檢舉

這些數字怎麽來的，不覺得台北的空氣比高雄好

登入發表討論

直播研討會

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

直播中

1 個回答

marlin12

iT邦研究生 5 級 ‧ 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>