spring mvc ,Ajax实现数据交互

来源：互联网发布：mac安装好的软件在哪里编辑：程序博客网时间：2024/05/22 16:39

spring mvc 和ajax 实现数据交互

测试按钮

  <input type="button" onclick="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)   }   }    });   }

spring mvc 控制器

@RequestMapping(value="/ajaxtest.action")@ResponseBodypublic 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)}   }   }    });   }

0 0