gpt4 book ai didi

jquery - 天气 API(RESTful)给出错误

转载 作者:行者123 更新时间:2023-12-01 04:02:19 26 4
gpt4 key购买 nike

我正在使用一个简单的 Web API 来获取伦敦城市的天气详细信息。但是,我没有得到所需的响应,而是收到 401 错误。我做错了什么吗?

HTML

<html> 
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(document).ready(function(){
$('button').click(function(){
$.ajax({
type: "get",
url: "http://api.openweathermap.org/data/2.5/weather?q=London",
dataType: "json",
contentType: 'application/json',
success: function(data) {
//What to do on success
}
});
});
});
</script>
</head>

<body>
<button>Click Me</button>
</body>

</html>

使用以下 API

http://openweathermap.org/current

错误

enter image description here

最佳答案

您需要将键作为查询字符串添加到天气 api 的 URL 中。

您可以添加一个小函数来执行此操作:

var url = 'http://api.openweathermap.org/data/2.5/forecast/city';
var keys = {
id: 524901,
APPID: 12345 // Put your key here
};

function makeUrl (url, queryStringObject) {
var query = [];
// Loops through each key
for(var key in queryStringObject){
query.push(encodeURIComponent(key) + '=' +
encodeURIComponent(queryStringObject[key]));
}
// Returns the url with the keys appended
return url + (query.length ? '?' + query.join('&') : '');
}

这将返回 API 所需格式的 key :

http://api.openweathermap.org/data/2.5/forecast/city?id=524901&APPID=12345 

然后在调用api时,可以使用函数调用:

$(document).ready(function(){
$('button').click(function(){
$.ajax({
type: "get",
url: makeUrl(url, keys), // Gets the constructed url
dataType: "json",
contentType: 'application/json',
success: function(data) {
//What to do on success
}
});
});
});

关于jquery - 天气 API(RESTful)给出错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38322949/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com