jquery—ajax的异步交互，返回json串，再弹出层显示数据

外部引用的js文件

/**
 * 外部js文件
 */

function showCustomerInfoById(id){
	$("#text").html("正在加载，请稍后。。。"); 
    $("#dialog").dialog({
        bgiframe: true,
        autoOpen: false,
        height: 500,
        width:350,
        show: "blind",
        modal: true,
        buttons: {
             '确定': function() {
                $(this).dialog('close');
            }
        }
    });
	$("#dialog").dialog("open");
	$.getJSON(
			"QueryOneServlet",
			{"id":id},
			function(json){
				var str = "";
				if(json.length>0){
					for(var i = 0;i";
					}
					str+="
"+json[i].age+"
";
				}else{
					alert("没有");
				}
				$("#text").html(str); 
				
			});

}

jsp页面：（分页可以不看，主要演示弹出层和往弹出层上面写数据）

<%@ page language="java" contentType="text/html; charset=gbk"
    pageEncoding="gbk" import="java.util.*,com.wztx.java.MybatisTest"%>













	
	<%
		 List customer = (List)request.getAttribute("customer");
		 String nowPage= request.getParameter("nowPage");
			for(int i =0;i
	
	<%
		String name=(String)map.get("username");
		if(name==null){
		%>
		<%
	}else{
		%>
		
		<%
	}
	 %>
	
	<%
		}
	%>
	

	

	
客户名称：">
	
	
	

	
客户名称
	
客户地址
	
客户电话
	
客户所属人
	
客户状态
	
操作栏
	

	
<%=map.get("customer_name") %>
	
<%=map.get("address") %>
	
<%=map.get("cs_tele") %>

		没有所属人
		

		<%=name %>
		
<%=map.get("codeitem_name") %>
	

	)" value="详情">
	
	

		

		">上一页 
		">下一页 
		当前第<%=nowPage%>页
		
	
	
	

servlet核心代码：

String id=request.getParameter("id");
		int c_id = Integer.parseInt(id);
		
		ArrayList list = new ArrayList();
                //向map中添加数据，模拟数据库。
                for(int i= 0 ; i<10;i++){
			HashMap map = new HashMap();
			map.put("name", "student_"+i);
			map.put("age",20+i);
			list.add(map);
		}
		JSONArray studentArray = JSONArray.fromObject(list);
		System.out.println(studentArray.toString())
		response.getWriter().print(studentArray.toString());
		response.getWriter().flush();
		response.getWriter().close();