jquery访问本地json

Ⅰ SpringMVC框架下JQuery传递并解析Json格式的数据是如何实现的_jquery

json作为一种轻量级的数据交换格式，在前后台数据交换中占据着非常重要的地位。Json的语法非常简单，采用的是键值对表示形式。JSON 可以将 javaScript 对象中表示的一组数据转换为字符串，然后就可以在函数之间轻松地传递这个字符串，或者在异步应用程序中将字符串从 Web 客户机传递给服务器端程序，也可以从服务器端程序传递json格式的字符串给前端并由前端解释。这个字符串是符合json语法的，而json语法又是 javascript语法的子集，所以javascript很容易解释它，而且 JSON 可以表示比"名称 / 值对"更复杂的结构。下面我们通过实例来看看JQuery传递/解析json格式的数据是如何实现的。

1.首先来看前端jsp代码：







Insert title here
2.使用javabean解析前端数据：

json的作用并不仅仅 在于作为字符串在前后台进行传递，我们采用json传递数据的时候更主要的考虑到的是它的传输效率。当两个系统需要进行数据交换的时候，如果传递的是经过 序列化的对象，效率是非常低的，如果传递的是存储大量对象的数组的时候效率就更不敢想象了，这时如果通过将对象或数据转换成json字符串进行传递，效率 就会提高很多。本文仅针对单系统中前后台数据传输与解析进行讲解，异构系统之间的json传输不在本文讨论范围内。

Ⅱ jquery ajax 读取多个文件

jQuery ajax读取json文件的示例：

json文件：

[
{"name":"哈哈··","email":"邮箱01","gender":"男","hobby":["上网","打球"]},
{"name":"呵呵··","email":"邮箱02","gender":"男","hobby":["网购","打球"]}
]

js代码：

<scripttype="text/javascript"src="js/jquery.1.8.3.js"></script>
<scripttype="text/javascript">
$(document).ready(function(){
$.ajax({
		//请求方式为get
		type:"GET",
		//json文件位置
		url:"user.json",
		//返回数据格式为json
		dataType:"json",
		//请求成功完成后要执行的方法
		success:function(data){
			//使用$.each方法遍历返回的数据date,插入到id为#result中
			$.each(data,function(i,item){
				varcontent=item.name+","+item.email+","+item.gender+
","+item.hobby[0]+","+item.hobby[1]+"</br>";
				$("#result").append(content);
			})
		}
	})
});
</script>