jquery js json前后端交互

最新推荐文章于 2021-08-06 19:32:47 发布

心鑫

最新推荐文章于 2021-08-06 19:32:47 发布

阅读量666

点赞数

本文链接：https://blog.csdn.net/proud2005/article/details/8313706

版权

jsp页面绿色是将返回String类型的json数据转换成js数据
方法有：一、 var json=eval('('+data+')');        效率低
二、var json=(new Function('return'+data))(); 效率高
三、 if(window.Json){                           浏览器内置对象，因浏览器而异
    json=JSon.parse(data);
   }

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
<script type="text/javascript">
$(function(){
$("#a").click(function(){
		
		$.get("aa",function(data){
			alert(data);
			var json=(new Function('return'+data))();
			alert(json.length);
			for ( var int = 0; int < json.length; int++) {
				$("#s").append("<option >"+json[int].name+"</option>");
				$("#d").append(json[int].id+json[int].name);
				}
		});
	});
	
});

</script>
</head>
<body>
test page
<a id="a" href="#">bbb</a>

<select id="s">
<option >1</option>
</select>
<div id="d"></div>
</body>
</html>

serverelt代码：如下 jsonArray生成Json数组

	protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		System.out.println("dopost");

		JSONArray ja=new JSONArray();
		ArrayList<person> l=new ArrayList<person>();
		l.add(new person("1", "n-1"));
		l.add(new person("2", "n-2"));
		l.add(new person("3", "n-3"));
		String str=ja.toJSONString(l);
		response.getWriter().print(str);

person类定义部分，tostring方法重写返回格式为json格式，否则生成的json格式不正确 ja.toJSonString()会调用person的tostring()

@Override
	public String toString() {
		StringBuffer sb=new StringBuffer();
		sb.append("{").
			append("\"id\":\"").append(this.id).append("\",").
			append("\"name\":\"").append(this.name).append("\"}");
		return sb.toString();
	}