SpringMvc與前端互動的資料轉遞（ajax）

一、text類型資料

前端：

$.ajax({
          url:'${pageContext.request.contextPath}/zy/user/existLoginName',//請求位址
          type:'post',//請求類型
          data:{loginName:$("#loginName").val()},//傳入背景資料
          dataType:'text',//背景傳回資料類型
          success : function(data) {
　　　　　　　　　alert("成功！");
 　　　　　 },
          error:function(data){
            　　alert("伺服器異常！");
          }
　　　　})
           

後端：

@RequestMapping("/existLoginName")
    public void existLoginName(HttpServletRequest request,HttpServletResponse response){
        String zh = request.getParameter("loginName");
        User u = userService.selectUserByLoginName(zh);
        try {
            if(u!=null){
                response.getWriter().write("exist");
            }else{
                response.getWriter().write("ok");
            }
        } catch (IOException e) {
                e.printStackTrace();
        }    
    }
           

二、json類型資料

1.背景@ResponseBody傳資料到前台

後端：

@RequestMapping("/existLname")
 @ResponseBody
 public Map<String, String> searchUser(String loginName){
 　　 User u= userService.selectUserByLoginName(loginName);
     Map<String,String> map = new HashMap<String,String>();
     if(u!=null){
       map.put("msg", "no");
  　　}else{
  　　  map.put("msg", "ok");
  　　}
 　　 return map;
 }
           

前端：

$.ajax({
         url:'${pageContext.request.contextPath}/user/existLname',
         type:'post',
         dataType:'json',
         data:{loginName:$("#loginName").val()},
         success:function(data){
          　　alert(data.msg);
          }
　　　　　//注意：這裡不能加下面這行，否則資料會傳不到背景
        //contentType:'application/json;charset=UTF-8',
       　})
           

2.背景@RequestBody接收資料

前端：

$.ajax({
                        url:'${pageContext.request.contextPath}/user/existLname',
                        type:'post',
                        contentType:'application/json;charset=UTF-8',//必須有
                        dataType:'json',
                        data:{loginName:$("#loginName").val()},
                        success:function(data){
                            alert(data.msg);
                        }
                    })
           

後端：

@RequestMapping("/existLname")
    @ResponseBody
    public String searchUser(@RequestBody String loginName){
        User u= userService.selectUserByLoginName(loginName);
        JSONObject jo = new JSONObject();
        if(u!=null){
            jo.put("msg", "no");
        }else{
            jo.put("msg", "ok");
        }
        return jo.toString();
    }
           

轉載位址：https://www.cnblogs.com/yixtx/p/8358509.html