jquery 获取json文件数据，显示到jsp页面上，或者html页面上

时间：2015-10-23 18:01:43 收藏：0 阅读：399

[{"name":"中国工商银行","code":102},{"name":"中国农业银行","code":103},{"name":"中国银行","code":104},{"name":"平安银行","code":307}] // code.json 文件



<script type="text/javascript"> 
		$(function(){ 
		$("#btn").click(function(){ 
		$.getJSON("area/code.json",function(data){ 
		var $jsontip = $("#jsonTip");
		var $json = $("#json"); 
		var strHtml = "";//存储数据的变量
		var json = "";//存储数据的变量 
		$jsontip.empty();//清空内容 
		$json.empty();//清空内容 
		$.each(data,function(infoIndex,info){ 
		strHtml += ""+info["name"]+"<br>"; 
		json += ""+info["code"]+"<br>";
		strHtml += "<hr>" 
		}) 
		$jsontip.html(strHtml);//显示处理后的数据 
		$json.html(json);//显示处理后的数据 
		}) 
		}) 		
		}) 
	</script>
</head>
<body>

	<div>
		<input type="button" value="获取数据" id="btn" />
	</div>
	<div id="jsonTip"></div>
	<div id="json"></div>
</body>
</html>

原文：http://www.cnblogs.com/leonlee/p/4905011.html

jquery 获取json文件数据，显示到jsp页面上， 或者html页面上

jquery 获取json文件数据，显示到jsp页面上，或者html页面上