$(document).ready(function () {
/*查詢關於登錄用戶名的Ajax方法*/
$("#loginName").blur(function () {
$.ajax({
type: "GET",
dataType: "json",
url: "/user/searchName?loginName=" + $("#loginName").val(),
success: function (data) {
if (data.success) {
$("#loginNameResult").html(data.msg);
} else {
$("#loginNameResult").html("出現錯誤:" + data.msg);
}
},
error: function (jqXHR) {
alert("發生錯誤:" + jqXHR.status)
}
});
});
/*查詢關於登錄密碼的Ajax方法*/
$("#loginPWD").blur(function () {
$.ajax({
type: "POST",
url: "/user/searchPwd",
dataType: "json",
data: {
loginPWD: $("#loginPWD").val(),
},
success: function (data) {
if (data.success) {
$("#loginPWDResult").html(data.msg);
}
},
error: function (jqXHR) {
alert("發生錯誤:" + jqXHR.status)
}
});
});
/*滑動條*/
$('#mpanel1').slideVerify({
type: 1, //類型
vOffset: 5, //誤差量,根據需求自行調整
barSize: {
width: '80%',
height: '40px',
},
ready: function () {
},
success: function () {
xtip.alert('驗證成功,可以進行登錄', 'h');
$("#submit").css('display', 'block');
},
error: function () {
xtip.alert('驗證失敗,重新刷新驗證', 'w');
}
});
});
後臺:
@CrossOrigin //跨域
@Controller
@RequestMapping("/user")
public class UserController {
private static Logger logger = LoggerFactory.getLogger("UserController");
@GetMapping("/login")
public String login(HttpServletRequest httpServletRequest) {
if (httpServletRequest.getSession().getAttribute("admin")!=null){
logger.info(httpServletRequest.getRemoteHost()+"當前已登錄了賬號");
return "/user/myAdmin";
}
return "/user/login";
}
@GetMapping("/searchName")
@ResponseBody
public Map<String,Object> search(@RequestParam("loginName") String loginName) {
Map<String,Object> res = new HashMap<>();
if ("".equals(loginName)){
res.put("success","false");
res.put("msg","用戶名爲空");
}else {
res.put("success","true");
res.put("msg","");
}
return res;
}
@PostMapping("/searchPwd")
@ResponseBody
public Map<String,Object> searchPwd(@RequestParam("loginPWD") String loginPWD) {
Map<String,Object> res = new HashMap<>();
if ("".equals(loginPWD)){
res.put("msg","密碼爲空");
res.put("success","false");
}else {
res.put("msg","");
res.put("success","true");
}
return res;
}
未整理