JS 获取JSON数据简单调用
2012-01-12 16:35
267 查看
<!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获取json数据
- ajax简单获取json数据
- 【转载】Java数据接口编写简单例子,Java Json解析,服务端接口输出Json数据,客户端通过HTTP获取接口Json数据,作者:Jaiky_杰哥
- 前台JS获取后台的Json数据, 动态创建table并填充数据
- JS-利用ajax获取json数据,并传入页面生成动态tab
- js获取table中的数据并拼成json字符串
- JS简单获取客户端IP地址的方法【调用搜狐接口】
- JS 获取JSON格式数据对象值
- ajax获取json数据为多维数组时,前台js嵌套循环解析
- struts2 + ajax(由前台的form提交数据到后台,再根据form所调用返回获取的后台json格式的数据返回到前端,然后前端用jquery对json数据进行解析)==》》涉及文件上传的部分
- JS获取后台json数据,生成复选框,并传值到后台
- IE9.0或者360下js(JavaScript、jQuery)不能正确执行(加载),按F12后执行正常;Firefox下ajax的success返回数据data(json、string)无法获取
- struts2 + ajax(由前台的form提交数据到后台,再根据form所调用返回获取的后台json格式的数据返回到前端,然后前端用jquery对json数据进行解析)==》》涉及非文件上传的部分
- js解析json js获取json里面的某个节点的数据 js解析json数据
- JS—我的第六个AJAX程序(前端从数据库中获取数据库中数据,JSON传输)
- javascript学习碎片---js对表格数据修改、增加、删除,获取行列数据,打包为json数据包
- 前台js获取到后台json数据,eval解析json后,日期(object)对象转换为date日期格式显示
- Java数据接口编写简单例子,Java Json解析,服务端接口输出Json数据,客户端通过HTTP获取接口Json数据
- js-管理你的html字符串,并渲染简单的json数据