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>