下面的例子展示了你如何动态加载和解析一个外部的JSON对象，使用了AJAX和HTML5的JSON.parse()方法。
<!DOCTYPE HTML>
<html>
<head>
<title>Simple AJAX .JSON load example</title>
</head>
<body>
<form>
<input id="btn"
type="button"
value="ajax load"
onclick="btn_onClickHandler();" />
</form>
<div id="debug"></div>
<script type="text/javascript">
function btn_onClickHandler() {
ajaxLoad("data.js", ajaxOnResult);
}
function ajaxLoad(uri, callback) {
var request = (window.XMLHttpRequest) ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP");
request.onreadystatechange = callback;
request.open("GET", uri);
request.send(null);
}
function ajaxOnResult(evt) {
if ((evt.currentTarget.readyState == 4) && (evt.currentTarget.status == 200 || evt.currentTarget.status == 0)) {
var f = document.getElementById("debug");
f.innerHTML = "<h1>HTTP status: "+ evt.currentTarget.status +"</h1>" +
"<p>This text should be replaced after JSON.parse() call.</p>";
var json_data = JSON.parse(evt.currentTarget.responseText);
f.innerHTML = '<a href="' + json_data.site + '" target="top">' + json_data.name + '</a> -- ' + json_data.properties.description;
}
}
</script>
</body>
</html>
源码下载：
使用Ajax动态加载JSON文件.zip
分享到：
相关推荐
目的：当App中用到固定的json数据时，如：国家城市列表、班级成员等时，可以将json数据制作为本地json文件存入assets文件夹下。 步骤如下： 1、新建assets文件夹，并将json文件复制到此文件夹中 在main文件夹下新建...
echarts中用到的世界地图地理json文件
java及j2ee开发中常需要将对象转成json字符串进行数据传输，该包提供了JAVA对象和json字符串之间的转换方法。常见的类有JSONObject等
asp.net 中用 Ajax实现 treeview，不用刷新
Jquery Ajax动态增删改查，Jquery Ajax
基于Javaweb中用Ajax做的一个小型增删改查，有连接到SQL Server数据库
根据西咸新区的经纬度坐标，将周围的轮廓图描绘出来，echarts西咸新区json文件，工作项目中用到，自己做的加的西咸新区部分，json格式，亲测可用，并且附带html代码，将示例展示出来，可惜不能发图片。 使用说明：...
在MVC 4中用Ajax分页，并且页码条中还带有省略号
主要给大家介绍了关于在java中用ObjectMapper类实现Json与bean转换的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面跟着小编来一起学习学习吧。
activity中动态加载布局，有时候很常用，但是总是想不起来这种方法，所以写个例子和大家分享
conn.setReadTimeout(5*1000); conn.setRequestMethod("GET"); //从链接中获取一个输入流对象 InputStream inStream = conn.getInputStream(); //调用数据流处理方法 byte[] data = StreamTool.read...
在lotus中运用AJAX，是实例可以看看的！！！！
解决android 与网站过程中不能传送中文的问题，用json传中文。
新建qt工程，利用编译好的curl库，发送post请求，发送的是json格式，返回json格式，刚开始接触curl的人可以参考。
Flex3中用到的工具类包，含有json类,在flex3中用到json的话，这个包很有用哦，src为源码，lib中为swc文件
2022年自己调整过使用过的echarts山西省最新11市json地图，包括太原市、临汾市、朔州市、大同市、长治市、吕梁市、晋中市、忻州市、运城市、阳泉市、晋城市。echarts直接调用json文件。
jar包中为与ssh整合是使用的jar包，亲身体验，还行没有什么冲突
资源很好,很实用,代码少简单易懂,很随时用在项目中,并且使用的效果也很好!
VC6.0中用GDI+加载动态gif图片示例，用到了GDI+,IDE:VC6.0，OS:XP SP3,SDK写的非MFC。
ajax无刷新表单提交 2；ajax的运行历程 最简单明了的实例，清晰的帮你弄清上述概念，运行简单，只需解压该包，然后Myeclipse中file - import - general - import existed project to workspace,即可调试运行 调试...