JSON格式数据从servlet传输至前台具体方法

来源：互联网发布：淘宝客app制作编辑：程序博客网时间：2024/06/06 13:59

首先需要引入这几个包

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)" onclick="getAjax('${url}')">确认</a>

<div id="maindiv">
<table id="maintable">
<thead>
<tr>
<td>序号</td>
<td>姓名</td>
<td>密码</td>
<tr>
</thead>

</table>

</div>

</body>
</html>

1 0