时间:2021-07-01 10:21:17 帮助过:5人阅读
<!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数据简单调用,希望今后会对大家有帮助。
相关文章:
入门级video.js使用笔记(代码附上)
畅谈在原生JS与其他JS 区别
在 js中function前面加!方面的问题,代码附上
以上就是有关在JS 获取JSON数据简单调用(代码附上,简单粗暴)的详细内容,更多请关注Gxl网其它相关文章!