我如何从javascript中的API中提取数据

How do I pull data from an API in javascript?

本文关键字:API 提取 数据 中的 javascript      更新时间:2023-09-26

我正在做一个小天气应用程序项目,但现在我已经改变了代码,根据你的地理位置做出长而晚的改变,按钮不起作用。当我点击它什么都没有发生,我甚至不能告诉如果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))
                });
            });
        };
    });
});

打开您的开发人员工具(在chrome中按F12),并查看控制台:

pen.js:4 getCurrentPosition()和watchPosition()不再在不安全的源上工作。要使用此特性,您应该考虑将应用程序切换到安全源,例如HTTPS。见https://..。查看详细信息。

这是一个简单的交叉原点问题