优化内容:ajax实现异步登录,判断用户名是否存在,主要采用的是原生js方式
实现步骤:
创建发送异步请求函数
function fun(){
var xmlhttp;
if (window.XMLHttpRequest)
{
// IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
xmlhttp=new XMLHttpRequest();
}
else
{
// IE6, IE5 浏览器执行代码
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
var str=document.getElementById("name").value;
xmlhttp.open("GET","/user/check/"+str,true);
xmlhttp.send();
xmlhttp.onreadystatechange=function (){
if(xmlhttp.readyState==4&&xmlhttp.status==200){
var t1=xmlhttp.responseText;
if(t1=="1"){
alert("用户名不存在")
}
}
}
}
服务器端创建接口并返回数据
@RequestMapping("/user/check/{str}")
@ResponseBody
public String check(@PathVariable String str) throws IOException {
System.out.println(str);
if(!ownerDao.isExist(str)){
return "1";
}
return "0";
}