6. 尚硅谷_佟刚_SSSP整合_Ajax验证.avi原创

下边我们来看添加操作的第二小节，用Ajax验证用户名是不是可用。首先确定开发目标，还是来看一下应该实现的功能是个什么样子，把我们以前这个项目给它运行起来。我们来点击这个I的new employee。把它清一下。好了，我输入一个ABC。我们看到这个用户名是可用的，实际上后台呢，发了一条circle去查询ABC有没有对应的employee，对吧。我在猜，我在输入一个FFF，这个是已经被占用，用户用不可用，同样也是发了一条circle口，诶，这就是我们要实现的一个效果。

好了，下面呢，我们逐层来说DAO层。那实际上我们验证这个用户名是不是可用，我们验证的是哪个字段啊，是那个last name，所以说DA层需要新建一个方法。根据name查询对应的employee。若存在，返回employee对象，若不存在，则返回now。直接调用DA的方法返回。

结果即可，就是说这个结果在哪用呢？在controller这个城里边用，这里边要稍微复杂一点，第一个获取请求参数，第二个调用service层验证。Last name。对应的employee是否存在说若存在则返回，我需要返回一个标记，我就返回一个一吧。若不存在。则返回一个零。如果存在返回一个一，如果不存在返回一个0G，这个E意味着这个用户名。

不可用，而这个零意味着这个用户名可用，对吧，这块我们说。需要使用response body注解。JP页面使用j query完成Ajax。的发送和。响应和结果的响应，结果的响应，OK，这个就是我们整个的流程，那开始吧，首先我们找到我们的就先关了哈，用这个找到我们的。Employee。Reposity，这里边呢，需要去新建一个方法，我要返回employee guide by last name，这就可以了，对吧，String last name，因为我们用的是spring data跟GPA整合，所以说说明这样的一个方法就可以了，搞定。

然后到service public employee by name。Stra last name return employee.get by at only等于true OK。最后的话，我们来看这个。Validate。Bla name return结果先放着。

我们需要有一个请求参数，Request。Video，名字叫last name。Require，应该是必须的是吧处如果不是，如果你没存这个参数的话，你就将返回一个错误消息，Last name。我获取employee。等于employee service.get by lastname。如果employee等于空，我就return一个，刚才我们说的结果是记得的。

如果是空零，否则。一。嗯，返回结果好了，这个结果怎么返回呢？首先加一个request mapping。Value等于ajaxli last name。Method等于request method点啊。Post，然后我这个一和零直接返回，加上一个response body就可以了，好的，最后到我的页面上，首先我需要导入j query。

导入j query，这样导是吧，Script src。配置context，刚才没写全是吧。Page context。Request contact pass。Control。拿过来。把这个导进来。刺客reps。F2。复制复制到这儿下边的。解，Query的文件打开，用1.9CTRLC。站进来。CTRLC放到这。

好的，Function，我们给这个last name呢，来加一个ad last name。上来，Last name。点。Function。Value等于this.value value等于trim一下去除前后空格，然后呢，我把驱逐前后空格那个再给它设置回去，Y6准备ul等于。

CTRLCCTRLV。在这个里边脚踏。准备AX。是一个阶层格式吧，是吧，Last name value date new date，这个date呢，是禁用缓存的，对吧，发一个请求post URL function。Function data，如果data等于零的话，说明用户名可用LT。Last name可用。嗯，Else if，如果这个等于一的话，说明last name不可用。

要是再有其他的，那基本上就怎么了，网络出错了是吧。网络或。程序出错，好的找一个看一看咱们写的这个效果。走起。爱的new employee，我来写个AAA可用。那我不可用的是谁呢？是AA不可用是吧，AA不可用是不是OK了，这样的话呢，我们这个就写完了，就是这样的一个效果。

那这里边我们重点练习的是谁呢？就是这个，你直接返回这样的一个标记位，我们不需要做任何额外的处理。