Rumah >hujung hadapan web >tutorial js >有关在JS 获取JSON数据简单调用(代码附上,简单粗暴)
下面是我给大家整理的有关在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数据简单调用,希望今后会对大家有帮助。
相关文章:
Atas ialah kandungan terperinci 有关在JS 获取JSON数据简单调用(代码附上,简单粗暴). Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!