首先建立json.txt文件
{
"programmers": [
{ "firstName": "Brett", "lastName":"McLaughlin", "email": "brett@newInstance.com" },
{ "firstName": "Jason", "lastName":"Hunter", "email": "jason@servlets.com" },
{ "firstName": "Elliotte", "lastName":"Harold", "email": "elharo@macfaq.com" }
],
"authors": [
{ "firstName": "Isaac", "lastName": "Asimov", "genre": "science fiction" },
{ "firstName": "Tad", "lastName": "Williams", "genre": "fantasy" },
{ "firstName": "Frank", "lastName": "Peretti", "genre": "christian fiction" }
],
"musicians": [
{ "firstName": "Eric", "lastName": "Clapton", "instrument": "guitar" },
{ "firstName": "Sergei", "lastName": "Rachmaninoff", "instrument": "piano" }
]
}
通过异步调用,来读取json数据
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<script type="text/javascript">
var xmlHttp;
function createXMLHttpRequest()
{
if(window.ActiveXObject)
{
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else if(window.XMLHttpRequest)
{
xmlHttp = new XMLHttpRequest();
}
}
function startRequest()
{
createXMLHttpRequest();
try
{
xmlHttp.onreadystatechange = handleStateChange;
xmlHttp.open("GET", "Json.txt", true);
xmlHttp.send(null);
}
catch(exception)
{
alert("xmlHttp Fail");
}
}
function handleStateChange()
{
if(xmlHttp.readyState == 4)
{
if (xmlHttp.status == 200 || xmlHttp.status == 0)
{
var result = xmlHttp.responseText;
var json = eval("(" + result + ")");
alert(json.programmers[0].firstName);//读取json数据
//alert(json.sex);
}
}
}
</script>
</head>
<body>
<div>
<input type="button" value="AjaxTest" onclick="startRequest();" />
</div>
</body>
</html>
分享到:
相关推荐
jQuery ajax读取json文件内容
本文实例讲述了jQuery+ajax读取json数据并按照价格排序。分享给大家供大家参考,具体如下: <!DOCTYPE html> <html> <head> <meta charset=UTF-8> <title></title> [removed]...
ECharts通过ajax动态获取json数据实现各种选择条件的多图表,引入的json文件内的结构具体根据需要随时改动,可以支持任意多的图表实现!关键是理解这种实现思维,其余的实现各种图表就根据这种思想随意发挥即可,...
用jquery、ajax读取json数据实现select列表的三级联动(下拉列表三级联动)
用ajax与后台交互,把数据拼接成json格式返回到前端,再用插件实现三级联动效果
jQuery+ajax按条件读取json文件内容
主要介绍了如何使用ajax读取Json中的数据,如何使用AJAX读取Json数组里面的数据,感兴趣的小伙伴们可以参考一下
ajax如何连接json数据,如何简单读取数据,初学者一看就会。
主要介绍了ThinkPHP中使用ajax接收json数据的方法,包括了前台js代码与对应的PHP处理代码,非常具有实用价值,需要的朋友可以参考下
maven项目搭建,json数据格式,ajax读取,
省市区三级联动ajax+json+jquery,自己写的小例子,希望大家能喜欢一下,学习一下
ajax里response返回的数据是一个二维数组,比如这样的[{key,val},{key,val},{key,val}],这个就是传说中的json数据了,以这样的形式数据传到前台,实现菜单联动下拉框;具体怎么样,详情请仔细查看以下内容
前几篇的ajax教程里讲了,读取,添加,修改,删除的功能.有几天没有更新了,虽然网上也有很多ajax分页的教程和相关实例.
jsp上传图片的示例,把文件保存在服务器和数据库,数据从数据库的获取,可以通过ajax来发送请求来获取,实现自动刷新的功能,实时获取数据库的数据,用json的方式返回给页面
下面小编就为大家带来一篇jQuery ajax读取本地json文件的实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
最近有朋友反映使用jquery.ajax调用返回json时出现中文乱码,遇到此问题,非常棘手,下面小编帮大家解决JQuery ajax 返回json时出现中文乱码问题,感兴趣的朋友跟着一起了解了解吧
开发工具与关键技术:Visual Studio 2015 与 JavaScript JavaScript异步Ajax与json总结相关知识点
有时候我们需要读取JSON格式的数据文件,在jQuery中可以使用Ajax或者 $.getJSON()方法实现。 下面就使用jQuery读取music.txt文件中的JSON数据格式信息。 首先,music.txt中的内容如下: 代码如下: [ {“optionKey”:...