HTML로 API 응답 표시

나는 API를 배우고 있으며 과정 초보자이기 때문에 도움이 될 것입니다.HTML로 API 응답 표시

나는 XML 응답을 찾고있는 메신저를 가져 와서 console.logged로 크롬에 기록했다.

200 
 
OK 
 
#document 
 
    all of the XML is contained in here that I need to access and display

: 나는 실제로

<!doctype html> 
 
<html> 
 
<head> 
 

 
<script> 
 
window.onload = function() { 
 
var xhr = new XMLHttpRequest(); 
 
xhr.open("GET","http://api.openweathermap.org/data/2.5/weather?lat=35&lon=139&mode=xml&APPID=92cc96ecfe265f251d814b66592a7848",false); 
 
xhr.send(); 
 
console.log(xhr.status); 
 
console.log(xhr.statusText); 
 
console.log(xhr.responseXML); 
 
var response = xhr.responseXML; 
 
var xmlString = (new XMLSerializer()).serializeToString(response); 
 
if(xhr.status == 200){ 
 
document.getElementById("document").innerHTML = xmlString; 
 
} 
 
} 
 
</script> 
 
<meta charset="UTF-8"> 
 
<title>Weather API Test</title> 
 
</head> 
 

 
<body id="body"> 
 
<div id="document"></div> 
 
</body> 
 
</html>

그리고 콘솔 디스플레이 코드 및 콘솔 출력은 아래를 참조하십시오 내가 콘솔에서 볼이 #document에 액세스하는 방법이 확실하지 오전

전 주말을 검색했지만 찾을 수 없습니다. 내가 이해할 수있는 해결책.

출처

2016-10-10 anthonytherockjohnson

-1

사전에

덕분에 내가 대안으로 PHP와 JSON을 사용하여 알아낼 관리 - 같은 딜레마

<!doctype html> 
 
<html> 
 
<head> 
 

 

 

 
<meta charset="UTF-8"> 
 
<title>API TEST JSON</title> 
 
</head> 
 

 
<body> 
 
<?php 
 
error_reporting(E_ALL); 
 
ini_set('display_errors', 1); 
 
\t $place = "capetown,za"; 
 
\t $json_string = file_get_contents("http://api.openweathermap.org/data/2.5/weather?q=$place&units=metric&APPID=API-KEY-GOES-HERE"); 
 
\t $parsed_json = json_decode($json_string); 
 
\t $country = $parsed_json->sys->country; 
 
\t $wind = $parsed_json->wind->speed; 
 
\t $city = $parsed_json->name; 
 
\t $temp = $parsed_json->main->temp; 
 
\t $clouds = $parsed_json->weather[0]->description; 
 
\t if($clouds == "clear sky"){ 
 
\t \t echo ("<img src='http://placehold.it/200x200'>"); 
 
\t } 
 
?> 
 

 
<table border="1px solid black"> 
 
<tr> 
 
<td style="color:red;">Country</td> 
 
<td style="color:red;"><?php echo $country;?></td> 
 
</tr> 
 
<tr> 
 
<td style="color:red;">City</td> 
 
<td style="color:red;"><?php echo $city;?></td> 
 
</tr> 
 
<tr> 
 
<td style="color:red;">Temperature</td> 
 
<td style="color:red;"><?php echo $temp;?></td> 
 
</tr> 
 
<tr> 
 
<td style="color:red;">Wind Speed M/S</td> 
 
<td style="color:red;"><?php echo $wind;?></td> 
 
</tr> 
 
<tr> 
 
<td style="color:red;">Cloudiness</td> 
 
<td style="color:red;"><?php echo $clouds;?></td> 
 
</tr> 
 
</table> 
 
</body> 
 
</html>

출처

2016-10-10 12:56:21 anthonytherockjohnson

에 다른 사람들을 돕기 위해 아래에 게시 왜 아래로 투표? – anthonytherockjohnson

답변

관련 문제