求好心哥哥帮忙,前面发了一次问题,不知道为什么没发布出来,再发一遍
先是前端的Admin.jsp代码
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>管理员界面</title>
<script type="text/javascript" charset="utf-8">
$("#thisList").click(function(){
$.ajax({
type:"POST",
url:"/returnMap",
error:function(){
alert("error!--说明服务器返回失败");
},
dataType:"json",
success:function(data){
$("#resultTable").empty();
var thisListValueStr="";
console.log(data.length+"条数据");
for(var i=0;i<data.length;i++){
var caseList=dada[i];
thisListValueStr="<tr><td>"+caseList.user_id+"</td><td>"+caseList.username+"</td><td>"+caseList.password+"</td></tr>";
$("#resultTable").append(thisListValueStr);
thisListValueStr="";
}
}
});
});
</script>
</head>
<body>
<button id="thisList" class="btn btn-default">获取数据</button>
<table class="table">
<thead>
<tr>
<th>user_id</th>
<th>username</th>
<th>password</th>
</tr>
</thead >
<tbody id="resultTable">
</tbody>
</table>
</body>
</html>
然后是controller层
@RequestMapping(value="/returnMap",produces="text/heml;charset=UTF-8;")
@ResponseBody
public String returnMap(){
Map map1 = new HashMap();
map1.put("user_id","1001");
map1.put("username","李俊成");
map1.put("password","男");
Map map2 = new HashMap();
map2.put("user_id","1002");
map2.put("username","伍天秀");
map2.put("password","女");
String json=JSONArray.toJSONString(map1);
System.out.println(json);
return json;
}
这也是从网上抄的一段代码,但是用tomcat运行后可以进入界面但是点击按钮没有任何反应,controller层的方法也没有调用,昨天刚接触的ajax所以对这个不了解
我的目标是点击这个按钮,可以不刷新界面然后从我数据库的user表查询并返回出所有信息,然后可以对信息进行增删改操作,当然现在没有涉及到数据库都出错了。。
有没有老哥能指点一下迷津我哪里写错了,或者有别的方法能达到我这个目的的,小弟感激不尽,在线等