Jquery Ajax请求（springmcv框架下）

一、前端发送ajax请求

1. 前端jquery代码

    $.ajax({
        url :'ajaxLogin',
    //contentType:'application/json;charset=utf-8',
    //data :'{"username":"212","password":"123"}',
    //注意：$("#userForm").serialize(),产生的数据是key/value类型的数据，不能指定contentType为json,
        data :$("#userForm").serialize(),
        type :'post',
        success : function(data) {
            //将后台传递来的json字符串转成json对象
            var m=jQuery.parseJSON(data);
            if(m.message == "true"){
                window.location.href="index";
            }else {
                alert("用户名或者密码错误！")
                    }
                },
        error : function() {
                alert("ajaxLogin登入失败！");
                }
        });

1. 后端接收Ajax请求

    @RequestMapping(value="/ajaxLogin",method=RequestMethod.POST)
    //@ResponseBody
    //如果ajax请求的是json数据（即 contentType:'application/json;charset=utf-8',，则加上注解@RequestBody User user，
    //如果ajax请求的是key/value,即不指定 contentType:'application/json;charset=utf-8'，则不加requestbody
    //在需要校验的pojo里面加上@Validated注解，
    //如果要校验多个pojo，则@Validated注解和BindingReslut配对出现。
    public  void ajaxLogin(@Validated User user,BindingResult bindingResult,HttpServletResponse response) throws IOException{
        if(bindingResult.hasErrors()){
            List<ObjectError> errorList = bindingResult.getAllErrors();
            for(ObjectError error:errorList){
                System.out.println(error.getDefaultMessage());
                }
        }
        //登入验证，成功返回ture
        boolean isLogin=loginService.isLogin(user.getUsername(), user.getPassword());
        JSONObject jsonObject = new JSONObject();
        String message = "";
            if(isLogin){
                message = "true";
            }else 
                message = "false";

        jsonObject.put("message", message);
        //jsonObject转成字符串进行响应
        response.getWriter().write(jsonObject.toString());
    }

注意事项

• 当Ajax请求的contentType属性指定为’application/json;charset=utf-8’时,请求的是json数据。
  
  • data属性的值必须为json数据。如data:’{“name”:”张三”}’,。
  • 在后台用pojo实体类接收数据时，在参数前面要加上@RequestBody注解，将json数据注入实体对象中。
• 当Ajax请求的contentType属性没有指定时，默认值为contentType = “application/x-www-form-urlencoded”。
  
  • data属性的值必须为key/value类型的数据
  • 后台接收用实体类接收也不需要加上注解。