Question

我正在开发一个小天气应用程序项目，但是现在我已经更改了代码以根据您的地理位置进行长时间和更改，按钮不起作用。当我点击它没有任何反应时，我甚至无法判断API是否正在提取数据。这是我的代码以及我用来编写的代码。 http://codepen.io/lettda/pen/yaGaLx

$(document).ready(function(){
    $("#reveal").on("click", function(){
        if (navigator.geolocation) {
            navigator.geolocation.getCurrentPosition(function(position) {
            lat = position.coords.latitude;
            long = position.coords.longitude;

        var long;
        var lat;
        var api = "http://api.openweathermap.org/data/2.5/weather?lat="+lat+"&lon="+long+"&appid=de61ccfbde0405f57d64dbb53323fccf";

                $.getJSON(api, function(data){
                    $(".message").html(JSON.stringify(data))
                });
            });
        };
    });
});

Answer 1

打开您的开发人员工具（在chrome press F12中）并查看控制台：

pen.js：4 getCurrentPosition（）和watchPosition（）不再适用于不安全的起源。要使用此功能，您应该考虑将应用程序切换到安全的来源，例如HTTPS。有关详细信息，请参阅https：// ....

这是一个简单的跨源问题

如何从JavaScript中的API中提取数据？

1 个答案: