控制层
@RequestMapping(value = "/list")
public void select(HttpServletResponse resp){
try {
/list集合中存放的是好多student对象/
List students=userMapper.selectList(null);
/将list集合装换成json对象/
JSONArray jsonlist = JSONArray.fromObject(students);
//接下来发送数据
/设置编码,防止出现乱码问题/
resp.setCharacterEncoding("utf-8");
/得到输出流/
PrintWriter respWritter = resp.getWriter();
/将JSON格式的对象toString()后发送/
respWritter.append(jsonlist.toString());
} catch (Exception e) {
e.printStackTrace();
}
}
Html页面
Title姓名 | 年龄 | 邮箱 |
---|---|---|
姓名 | 年龄 | 邮箱 |
window.onload(function requestData(){
$.ajax({
url: "http://127.0.0.1:8080/user/list",
type: "Post",
dataType: "json",
async:false,
success: function(jsonlist){
/*这个方法里是ajax发送请求成功之后执行的代码*/
showData(jsonlist);//我们仅做数据展示
},
error: function(msg){
alert("ajax连接异常:"+msg);
}
});
});
function showData(jsonlist) {
var str = "";//定义用于拼接的字符串
for (var i = 0; i < jsonlist.length; i++) {
//拼接表格的行和列
str = "
" + jsonlist[i].name + "" + jsonlist[i].age + "\" + jsonlist[i].email + \"";//追加到table中
$("#tab").append(str); }
}
AJAX获取到数据了用这个网址可以显示出来,但是想用表格显示出来
url: "http://127.0.0.1:8080/user/list",
访问HTML页面就没有东西