JS에서 JSON 데이터를 가져오는 간단한 호출에 대해(코드가 첨부되어 있으며 간단하고 조잡합니다)
- 亚连원래의
- 2018-05-18 10:49:332952검색
다음은 JS에서 JSON 데이터를 얻기 위한 간단한 호출에 대해 정리한 내용입니다. 관심 있는 학생들은 한 번 살펴보세요.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>异步调用JSON</title>
</head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
<!--
var xmlhttp;
// 创建XMLHTTPRequest对象
function createXMLHTTPRequest()
{
if(window.ActiveXObject)//②如果当前浏览器为IE
{
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else if(window.XMLHttpRequest)//③如果是其他浏览器
{
xmlhttp = new XMLHttpRequest();
}else
{
alert("Your browser does not support XMLHTTP.");
}
}
function getInfo()
{
createXMLHTTPRequest();
xmlhttp.open("get", "http://audicms.ogilvy.com.cn/webapp/front/dealerapi!getdealerlist.action", true);
xmlhttp.onreadystatechange = returnInfo;
xmlhttp.send(null);
}
function returnInfo()
{
if(xmlhttp.readyState == 4)
{
var info = xmlhttp.responseText;
eval("var json= " + info);
var message="";
var dealerlocation="";
var salesphone="";
for(var i=0;i<json.dealers.length;i++){
message+="经销商名称：<font style='color:red;'>" + json.dealers[i].name + "</font> <br/>";
salesphone+="经销商电话：<font style='color:red;'>" + json.dealers[i].salesphone + "</font> <br/>";
dealerlocation+="经销商经纬度：<font style='color:red;'>" + json.dealers[i].location + "</font> <br/>";
}
document.getElementById("showInfo").innerHTML = message;
document.getElementById("salesphone").innerHTML = salesphone
document.getElementById("location").innerHTML=dealerlocation;
}
}
-->
</script>
<body>
<br/><br/>
<h2 style="color: red;">异步调用JSON</h2>
<br/><input type="button" value="获取JSON数据" onclick="getInfo()" />
<table>
<tr>
<td><div id="showInfo"></div></td>
<td><span id="salesphone"><span></td>
<td><span id="location"><span></td>
</tr>
</table>
</body>
</html>위 내용은 JS에서 JSON 데이터를 얻기 위해 제가 편집한 간단한 호출입니다. 나중에 도움이 되길 바랍니다.
관련 기사:
네이티브 JS와 다른 JS의 차이점에 대해 이야기해 보세요.
js에서 함수 앞에 !를 추가할 때 발생하는 문제 , 코드 첨부
위 내용은 JS에서 JSON 데이터를 가져오는 간단한 호출에 대해(코드가 첨부되어 있으며 간단하고 조잡합니다)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.