无法使用JSON从Open Weather Map api中提取一项数据
全部 这是一个测试，看看我是否可以连接到OpenWeatherMapAPI并成功地显示其中的一项数据（现在我只是尝试获取给定纬度和经度的城市名称） 顺便说一句，我是在密码笔里做的 问题是页面上没有显示任何内容-我根本没有城市名称 这少了什么？（我模糊了我的api密钥）无法使用JSON从Open Weather Map api中提取一项数据,json,Json,全部 这是一个测试，看看我是否可以连接到OpenWeatherMapAPI并成功地显示其中的一项数据（现在我只是尝试获取给定纬度和经度的城市名称） 顺便说一句，我是在密码笔里做的 问题是页面上没有显示任何内容-我根本没有城市名称 这少了什么？（我模糊了我的api密钥） 当地天气 前端开发项目 $（文档）.ready（函数（）{ var long=-77.0506895； var lat=38.8925157； var-api='1〕http://api.openweathermap.or
当地天气
前端开发项目
$（文档）.ready（函数（）{
var long=-77.0506895；
var lat=38.8925157；
var-api='1〕http://api.openweathermap.org/data/2.5/weatherlat=“+lat+”&lon“+long+”=&appid=（隐藏）”；
$.getJSON（api，函数（数据）{
var city=data.name；
$（“#城市”）.html（城市）；
});
});
{
"coord":{
"lon":138.93,
"lat":34.97
},
"weather":[
{
"id":800,
"main":"Clear",
"description":"clear sky",
"icon":"01n"
}
],
"base":"cmc stations",
"main":{
"temp":297.374,
"pressure":1018.36,
"humidity":93,
"temp_min":297.374,
"temp_max":297.374,
"sea_level":1027.9,
"grnd_level":1018.36
},
"wind":{
"speed":7.46,
"deg":243.504
},
"clouds":{
"all":0
},
"dt":1467816873,
"sys":{
"message":0.0045,
"country":"JP",
"sunrise":1467747404,
"sunset":1467799281
},
"id":1851632,
"name":"Shuzenji",
"cod":200
}
这是正确的url，请更正您的url {AppKey} 下面的回答是什么
{
"coord":{
"lon":138.93,
"lat":34.97
},
"weather":[
{
"id":800,
"main":"Clear",
"description":"clear sky",
"icon":"01n"
}
],
"base":"cmc stations",
"main":{
"temp":297.374,
"pressure":1018.36,
"humidity":93,
"temp_min":297.374,
"temp_max":297.374,
"sea_level":1027.9,
"grnd_level":1018.36
},
"wind":{
"speed":7.46,
"deg":243.504
},
"clouds":{
"all":0
},
"dt":1467816873,
"sys":{
"message":0.0045,
"country":"JP",
"sunrise":1467747404,
"sunset":1467799281
},
"id":1851632,
"name":"Shuzenji",
"cod":200
}
好的，下面的代码在CodePen之外工作。如果我在CodePen中使用它，它会以某种方式阻止JSON调用。但是，如果我在Chrome上运行这个用记事本编写的版本，它会返回“Shuzenji”很好 但这是另一个线程的问题
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js" ></script>
<script type="text/javascript">
$(document).ready(function(){
var api = 'http://api.openweathermap.org/data/2.5/weather?lat=35&lon=139&appid=52481ca8a499564783f5f082863acac1';
$.getJSON(api, function(data){
var city = data.name;
$("#city").html(city);
});
});
</script>
</head>
<body>
<div class="Text-center">
<h1> Local Weather</h1>
<h3>Front End Dev Project</h3>
<ul class ="list-unstyled">
<li class="btn btn-default" id="city"></li>
</ul>
<div>
</body>
</html>
$（文档）.ready（函数（）{
var-api='1〕http://api.openweathermap.org/data/2.5/weather?lat=35&lon=139&appid=52481ca8a499564783f5f082863acac1';
$.getJSON（api，函数（数据）{
var city=data.name；
$（“#城市”）.html（城市）；
});
});
当地天气
前端开发项目
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js" ></script>
<script type="text/javascript">
$(document).ready(function(){
var api = 'http://api.openweathermap.org/data/2.5/weather?lat=35&lon=139&appid=52481ca8a499564783f5f082863acac1';
$.getJSON(api, function(data){
var city = data.name;
$("#city").html(city);
});
});
</script>
</head>
<body>
<div class="Text-center">
<h1> Local Weather</h1>
<h3>Front End Dev Project</h3>
<ul class ="list-unstyled">
<li class="btn btn-default" id="city"></li>
</ul>
<div>
</body>
</html>
$（文档）.ready（函数（）{
var-api='1〕http://api.openweathermap.org/data/2.5/weather?lat=35&lon=139&appid=52481ca8a499564783f5f082863acac1';
$.getJSON（api，函数（数据）{
var city=data.name；
$（“#城市”）.html（城市）；
});
});
当地天气
前端开发项目