spring-boot项目-员工管理系统开发笔记04-总体优化1

优化内容：ajax实现异步登录，判断用户名是否存在，主要采用的是原生js方式

实现步骤：

1. 创建发送异步请求函数

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("用户名不存在")
                    }
                }
            }
       }

2. 服务器端创建接口并返回数据

@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";
    }