首先需要引入这几个包
servlet 具体内容:
JSONObject jsonobject =null;
JSONArray jsonarray=null;
List<User> userlist =new ArrayList<User>();
for(int i=0;i<3;i++)
{
User user =new User ();
user.setUserName("json"+i);
user.setPassWd("admin"+i);
userlist.add(user);
}
//jsonobject=JSONObject.fromObject(userlist);
jsonarray=JSONArray.fromObject(userlist);
System.out.println(jsonarray.toString());
response.getWriter().print(jsonarray.toString());
javaScript内容
:function getAjax(url)
{
var name=0;
$.post(url,function(data)
{
var i=0;
for(var i in data)
{
$("#maintable").append("<tr><td>"+(parseInt(i)+1)+"</td><td>"+data[i].userName+"</td><td>"+data[i].passWd+"</td><tr>");
}
}
,"json");
}
封装类:
package com.qst.model;
public class User {
private String userName;
private String passWd;
public String getUserName() {
return userName;
}
public void setUserName(String userName) {
this.userName = userName;
}
public String getPassWd() {
return passWd;
}
public void setPassWd(String passWd) {
this.passWd = passWd;
}
}
jsp界面:
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@include file="/pathTags.jsp" %>
<!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="${bp}/js/json.js">
</script>
<script type="text/javascript" src="${bp}/js/jquery-3.1.1.js">
</script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<c:set value="${bp}JsonServlet" var="url"></c:set>
<a href="javascript:void(0)" οnclick="getAjax('${url}')">确认</a>
<div id="maindiv">
<table id="maintable">
<thead>
<tr>
<td>序号</td>
<td>姓名</td>
<td>密码</td>
<tr>
</thead>
</table>
</div>
</body>
</html>
962
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
