javascript - 如何将纬度和经度值传递到 wunderground API

标签 javascript jquery ajax

所以我设法获得了我的地理位置,并对其进行了测试并且它有效。然后,我将经度和纬度值设置为变量,如下所示

var lat;
var long;
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(function(position) {
var lat= position.coords.latitude;
var long=position.coords.longitude;
// $(".data-now").html("latitude: " + lat  + "<br>longitude: " +long );
});

所以现在当我在 API 中传递这些变量 long 和 lat 时它不起作用,这就是我的做法

$.ajax({
    url :        "//api.wunderground.com/api/8c89bxxxxf56bc94/conditions/q/lat,long.json",
    dataType : "jsonp",
    success : function(answer) {
        var location = answer['current_observation']['display_location']['full'];
        var temp_f = answer['current_observation']['temp_f'];
        var temp_c = answer['current_observation']['temp_c'];
        var weather = answer['current_observation']['weather'];
        var icon = answer['current_observation']['icon_url'];

有什么帮助吗?

最佳答案

您应该连接变量,因此 url 应如下所示:

"//api.wunderground.com/api/8c89bxxxxf56bc94/conditions/q/"+lat+","+long+".json"

完整代码:

var lat;
var long;

if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(function(position) {
        lat= position.coords.latitude;
        long=position.coords.longitude;
});

var url = "//api.wunderground.com/api/8c89bxxxxf56bc94/conditions/q/"+lat+","+long+".json";
$.ajax({
    url : url,
    dataType : "jsonp",
    success : function(answer) {

    }
})

注意: 应在 if block 内删除 var 关键字(如@Rowland Shaw所述)在评论中),因为您的变量已经在 block 之前定义:

var lat= position.coords.latitude;
var long=position.coords.longitude;

应该是:

lat= position.coords.latitude;
long=position.coords.longitude;

希望这有帮助。

关于javascript - 如何将纬度和经度值传递到 wunderground API,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41183336/

相关文章:

javascript - 在用户选中和取消选中复选框后保留文本框值

javascript - 如何从 Chrome console.log() 输出中理解 JS 对象结构?

javascript - Firefox console.table 显示错误数据

jquery - Bootstrap 3 折叠更改点击时的 V 形图标

jquery - 如何在同一行制作两个按钮?

javascript - 在 jQuery 中输入名称

javascript - 如何将数据传递给 AJAX 调用

javascript - 检查视频是否正在流式传输

javascript - 在jquery中找不到这个类的错误

javascript - 当 Internet 连接丢失时,如何从 Ajax 调用中取回信息