Javascript没有't似乎正在处理JSONapi

Javascript doesn't seem to be processing JSON api

本文关键字：处理 JSONapi 没有 Javascript      更新时间：2023-09-26

我正在尝试制作一个页面，该页面将使用openweathermapapi来显示用户的城市和当地温度，不幸的是，它似乎没有处理JSON api，也没有做任何事情。据我所知，我的代码很好，所以我不明白出了什么问题
以下是jsfiddle链接和javscript代码：
https://jsfiddle.net/qo2h1L9e/2/

 $(document).ready(function() {
  var data;
  if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(function(position) {
      var lat = position.coords.latitude;
      var lon = position.coords.longitude;
      console.log(lat);
      console.log(lon);
      console.log("api.openweathermap.org/data/2.5/weather?lat=" + lat + "&lon=" + lon + "&APPID=4907e373098f091c293b36b92d8f0886");
      $.getJSON("api.openweathermap.org/data/2.5/weather?lat=" + lat + "&lon=" + lon + "&APPID=4907e373098f091c293b36b92d8f0886", function(json) {
        data = json;
        console.log(data.name);
        $("#city").text(data.name);
      });
    });
  }
});

我在编码时遇到了类似的问题。假设你在联邦通信委员会？

无论如何，尝试添加&callback=？到api URL。您可能需要以JSONP而不是JSON的形式获取数据。

此外，您不需要定义数据。您可以通过json参数直接访问对象。

我已经完成了jQuery尝试这个代码

        $(document).ready(function() {
            var data;
            if (navigator.geolocation) {
                navigator.geolocation.getCurrentPosition(function(position) {
                    var lat = position.coords.latitude;
                    var lon = position.coords.longitude;
                    console.log(lat);
                    console.log(lon);
                    console.log("api.openweathermap.org/data/2.5/weather?lat=" + lat + "&lon=" + lon + "&APPID=4907e373098f091c293b36b92d8f0886");
//                    $.getJSON("api.openweathermap.org/data/2.5/weather?lat=" + lat + "&lon=" + lon + "&APPID=4907e373098f091c293b36b92d8f0886", function(json) {
//                        data = json;
//                        console.log(data.name);
//                        $("#city").text(data.name);
                    //                    });
                    var url = 'http://api.openweathermap.org/data/2.5/weather';
                    var params = {};
                    params.lat = lat;
                    params.lon = lon;
                    params.APPID = "4907e373098f091c293b36b92d8f0886";
                    $.ajax({
                        type: "GET",
                        url: url,
                        dataType: "jsonp",
                        contentType: "application/json; charset=utf-8",
                        data: params,
                        success: function (res) {
                            console.log(res);
                        },
                        error: function (res) {
                        }
                    });

                }
                );
            }
        });

问题出现在json中。对于跨域使用jsonp。

相关文章：