day14【前台】用户登录注册/12-尚硅谷-尚筹网-会员注册-点击按钮发送短信-前端代码

好嘞，下一步呢，我们想做这样一件事。看着这个流程图，我们接着往下走哈。咱们现在是已经到这儿了，哎，能够来到注册页面了。那么下一步呢，我们希望能够获取点获取验证码的按钮发请求，诶，给他发请求。它里边写一个handle的方法，发短信，然后呢，存啊，可以去做这样一些事。呃，那咱们先在这个获取验证码的这个方法这。然后这个按钮这哈，咱们去绑定单机小函数。哎，我们这样写一下啊。代码啊，这个是我们说去这个。点击。按钮发送。验证码。去干这个事儿。啊，那这个事儿呢，就还是在这个文件里边哈，还是在这个文件里边，我们需要去给这个按钮绑定单钱数。

啊，那先得去找到这个按钮。就是他。就是他呢，给他设置个。设置个ID吧。因为这个就这一个哈。这个叫做一个send button。Send button，然后CTRLC。过来来这儿，这个就去掉了哈。你点这个的话点它，然后过来呢，这边。嗯。哎，走这个函数，然后在这边哈，我们要做的事是我们要，呃，你发这个请求的话呢。

哎，你你你去这个要发请求，你得拿到这个手机号，所以说我们得第一步呢，先把这个手机号得能够拿到啊，第一步是获取。接收短信的手机号。过来我们看一下手机号是在哪签的。请输入手机号。Input text等于它啊，Type等于它，然后是这个。呃。对，给他个ID，他将来呢，这个也得跟表单一起去提交。啊，他也得跟表单一起去提交，所以说呢，他肯定也是需要去设置这个，呃，也需要这个name哈。这个name呢，我们就叫做这个。Phone number。然后呢，我们这儿可以根据这个内啊来取一下。这个意思是方括号表示是根据属性去定位，然后要的是name等于phone number的这个属性。

然后呢，要它的Y6。可以去给他去这个去一下前后的空格。嗯。行了，知道你忘了，不用说了。然后把这个拿到以后呢，下一步我们下边就可以考虑去发送请求了。到角A加。呃，这个地址哈，这个方法现在还没写呢啊，我们现在这个还没写呢啊，所以在这儿的话，我们自己去。先写一下啊，让他们都是同一个同同样的格式的哈。都是从这开始。

然后呢，这个叫做send short message。哎，就是说要不你这就别写扩展名，我们现在spring部的这后这个环境下边，咱也没有设置它映射扩展名，要不你就别写。啊，要不你要写的话呢，就让他得是匹配的啊，我们这边返回的是这个杰森。呃，然后呢，请求方式post。然后呢，再来一个塔。Phone number。呃。多一个M。呃，把这个发过去，然后呢，Data type。服务器端返回的是JS。哎，然后呢，是success。

呃，这是如果出错的话呢，这。点那个叫status。呃，加上一个空格，加上它的一个。Status text。然后呢，这边判断一下这里边儿。先拿一下他的result。他要是成功的话。那么我们这边就可以另一个。哎，发送成功。啊，如果要是失败的话。

啊，那就是发送失败，请请重请再试一次。呃。行，这边别的也没有啥需要需要做的哈。呃，这边主要是，其实主要是把这个东西给他发过去啊，发过去就好了。然后再一会儿看一下我们具体测试的这个效果。这是这个我们前端GS的这个代码，下边看一下，写一下这个后端的这个handle这个代码。