btn1_click不作業。Visual Studio 2017 中沒有錯誤或警告。必須有一些我沒有做的簡單事情。我確信我的 api 站點是正確的。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>weatherjson</title>
<style>
body {
position: fixed;
top: 0px;
bottom: 100%;
height: 100%;
left: 0px;
right: 100%;
width: 100%;
background-color: green;
}
</style>
</head>
<body>
<script type="text/javascript">
function btn1_click() {
fetch('https://api.openweathermap.org/data/2.5/onecall?lat=40.79&lon=-81.347&exclude=minutely&appid=94d45728ae0f1341c6c5b0527162f90d').then(response => response.json()).then((obj) => {
TextArea1.value = obj;
});
}
</script>
<input id="Button1" type="button" value="get json" onclick="btn1_click()" />
<textarea id="TextArea1" rows="200" cols="200"></textarea>
</body>
</html>
uj5u.com熱心網友回復：
您的按鈕沒有任何問題，但我認為您想在文本區域中顯示資料，因此您必須撰寫需要顯示的屬性，這就是它的樣子
function btn1_click() {
fetch(
"https://api.openweathermap.org/data/2.5/onecall?lat=40.79&lon=-81.347&exclude=minutely&appid=94d45728ae0f1341c6c5b0527162f90d"
)
.then((response) => response.json())
.then((obj) => {
TextArea1.value = `${obj.lat} ${obj.lon} ${obj.timezone} ${obj.current.dt}`;
});
} body {
position: fixed;
top: 0px;
bottom: 100%;
height: 100%;
left: 0px;
right: 100%;
width: 100%;
background-color: green;
} <input id="Button1" type="button" value="get json" onclick="btn1_click()" />
<textarea id="TextArea1" rows="200" cols="200"></textarea>查看哪些屬性可用console.log(obj)
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/447672.html
標籤：javascript html css 按钮
下一篇：我可以點擊我的按鈕，它仍然激活？