spring mvc 和ajax 实现数据交互
测试按钮
<input type="button" οnclick="aaclick();" value="测试"/>
function aaclick(){
var url = "${pageContext.request.contextPath}/user/ajaxtest.action";
var value =$("input[name='loginId']").val();
alert(value)
$.ajax({
url:url,
type:"POST",
data:"loginId="+value,
success:function(data){
if(data!=null){
// do someString
alert(data)
}
}
});
}
@RequestMapping(value="/ajaxtest.action")
@ResponseBody
public Map<String , Object> ajax(HttpServletRequest request,HttpServletResponse response,@RequestParam("loginId")String idid){
Map<String , Object> map = new HashMap<String, Object>();
System.out.println(idid);
/**
* do someString
*
*/
UserInfoPO po =new UserInfoPO();
List<UserInfoPO> list =userInfoService.queryList(po);
map.put("list",list );
log.info(map.toString());
return map;
}
或者通过json实现数据交互时
spring mvc 控制器
@RequestMapping(value = "/classListAjax.action")
public String classListAjax(HttpServletRequest request,
HttpServletResponse response) {
try {
/**
* 查出数据 传到后台
*/
TGoodsClassPO po = new TGoodsClassPO();
List<TGoodsClassPO> listName = tGoodsClassService.queryName(po);
JSONArray json = new JSONArray();
for (int i = 0; i < listName.size(); i++) {
JSONObject jj = new JSONObject();
jj.put("id", listName.get(i).getId());
jj.put("name", listName.get(i).getClassName());
json.add(jj);
}
response.getWriter().write(json.toString());
} catch (IOException e) {
e.printStackTrace();
}
return null;
}
jsp 页面总需要解析json数据
function aaclick(){
var url = "${pageContext.request.contextPath}/user/classListAjax.action";
var value =$("input[name='loginId']").val();
alert(value)
$.ajax({
url:url,
type:"POST",
data:"loginId="+value,
success:function(data){
if(data!=null){
var json =eval("("+ data +")");// 解析json
for (var int = 0; int < json.length; int++) {
alert (json[int].id + json[int].name)
}
}
}
});
}