使用ajax验证账户有效

阅读更多

1、添加jar包

      在springMVC中使用json必须引入以下jar包，当然其他的一些包必不可少。

 

    
      org.codehaus.jackson
      jackson-mapper-asl
      1.9.13
    
    
      
          com.alibaba
          fastjson
          1.2.18
      
    
      com.fasterxml.jackson.core
      jackson-core
      2.1.0
    
    
      com.fasterxml.jackson.core
      jackson-databind
      2.1.0
    
    
      com.fasterxml.jackson.core
      jackson-annotations
      2.1.0
    
    
      org.apache.commons
      commons-lang3
      3.4
    

 前端页面请求：表单内标签

 

账户：

 

 

 

$("#userId").change(function () {
//        alert("事件触发！");
        var userId=$("#userId").val();

            $.ajax({
//			        向后台请求的url
                url:'/GXDC/user/selectID.do',
//				向后台传的数据
				data:{userId:userId},
//				该请求是否为异步
				async:false,
//				返回数据类型
				dataType:"JSON",
//				请求方法
				type:"POST",
//				请求成功响应后的处理
				success:function (data) {
                    console.log(data);
					if(data==true){

					    alert("该账户已经存在！");
					    flag=false;
					console.log("账户存在");
					}else if (data==false){
						if($("#userId").val().length>=5){
                            alert("该账户可以使用！");
                            flag=true;
						}
					    console.log("账户不存在");
					}else {
					    flag=false;
					    console.log("账户ajax验证出错！！");
					}
                },
				error:function () {
					console.log("ajax请求失败！")
                }
        });
    });

 后台接收请求：

需要在接受请求的对应方法前加@ResponseBody注解，

    这个注解用于将Controller的方法返回的对象，通过适当的HttpMessageConverter转换为指定格式后，写入到Response对象的body数据区。

      当返回的数据不是html标签的页面，而是其他某种格式的数据时（如json、xml等）使用；

@ResponseBody
	@RequestMapping(value = "/selectID",method = RequestMethod.POST,produces ="test/plain;charset=UTF-8" )
	public boolean selectUserId(String userId){
		System.out.println("开始执行======================================================================>>>>>>");
//         查询数据库中是否有对应的userId即账户
                String a=daoService.selectUserId(userId);
		System.out.println("return string=====================>>>>>>"+a);
		if (a!=null){
//如果有，返回true，不可以使用该账户
			return true;
		}else{
//没有 返回false，可以使用该账户
			return false;
		}

	}

 mapper.xml文件中sql语句：

    
        SELECT U_ID FROM ADMIN_USER WHERE   1=1
        
            AND BINARY U_ID=#{userId}