Ajax解析后台数据

最新推荐文章于 2024-04-25 23:25:03 发布

Java小后生

最新推荐文章于 2024-04-25 23:25:03 发布

阅读量531

点赞数

分类专栏： Ajax 文章标签： Ajax java

本文链接：https://blog.csdn.net/weixin_42694286/article/details/83342606

版权

Ajax 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

前台部分页面

<h1>登陆</h1>
					
<div class="input_box">
	<sapn ><i class="fa fa-user  fs_20" style="margin: 14px 0 0 20px;float:left; color: #c7c7e0"></i></sapn>
		<div class="" style="height: 45px;">				
		<input id="login_user" type="text" class="" value="" style="height: 45px;text-indent: 20px;font-size: 16px">
		</div>
		</div>
	<div class="input_box"> 
		<sapn ><i class="fa fa-lock  fs_20" style="margin: 14px 0 0 20px;float:left;color: #c7c7e0"></i></sapn>
		<div class="" style="height: 45px;">			
			<input id="login_key" type="text" class="" value="" style="height: 45px;text-indent: 20px;font-size: 16px">
			</div>
		</div>


<script>
$("#login_button").click(function(){
	var params = {
		"userMobile": $("#login_user").val(),//取出文本中的值
		"userPass": $("#login_key").val(),
	}
	$.ajax({
        type: "POST",//请求类型POST/GET
        url: "http://192.168.31.63:8888/login",//请求的地址  注意要加上   http://    不然可能会报错
        data: params,//请求的参数
        dataType : "json",//返回值类型 JSON   或者text 大多数是JSON
        success: function(res){  //请求成功的回调
         if(res.status==1){
            window.location.href='http://192.168.31.63:8888/index.html' //请求成功之后跳转的页面
          }else{
            alert("查询错误")
          } 
        },
	error:function(res){ //请求失败的回调
		alert(res.status)
	},
     })
})
</script>

后台接口

/**
	 * 登录
	 * @param userMobile
	 * @param userPass
	 * @return
	 */
	@PostMapping("/login")
	@ResponseBody
	public JsonBean login(String userMobile,String userPass) {
		JsonBean result = new JsonBean();
		String token = "";
		Integer sta = null;
		String mes = null;
		Integer ref = null;
		PaUser user = new PaUser();
		List<PaUser> list =null;
		//核对用户手机号码
		PaUserExample example = new PaUserExample();
		example.createCriteria().andUsermobileEqualTo(userMobile);
		list = paUserMapper.selectByExample(example);
		if(list==null && list.size()<0) {
			result.setStatus(Constants.$Failure);
			result.setMessage(Constants.MOBILE_NULL_MESSAGE);
			return result;
		}
		
		if (StringUtil.isNullOrEmpty(userMobile) || StringUtil.isNullOrEmpty(userPass)) {
			sta = Constants.$Null;
			mes = Constants.NULL_PARAMETERS_MESSAGE;
		}else {
			userPass = MD5Util.encrypt(userPass);//将密码使用md5算法进行加密后，同表中加密后的password比对
			PaUser paUser = list.get(0);
			String userpass2 = paUser.getUserpass();
			if(!userPass.equals(userpass2)) {
				result.setStatus(Constants.$Failure);
				result.setMessage(Constants.LOGIN_FAILURE_MESSAGE);
				return result;
			}
			
			token = TokenUtils.getToken(paUser.getUserid());
			result.setData(token);
			sta = Constants.$Success;
			mes = Constants.EXECUTION_SUCCESS_MESSAGE;
		}
		result.setStatus(sta);
		result.setMessage(mes);
		return result;	
	}