12月18日晚上：Ajax数据提交和验证码处理

重点内容

验证码的添加与自动刷新

TP5官方手册中，已经很明确的表示如何添加验证码了。在杂项那一栏。所以，我需要做的事情是：

上面那个，是模板中没有插入验证码的地方，才那么写。而我的模板中，已经给了验证码地方，只是由于路径等原因，验证码无法显示。因此，将模板中插入验证码地方的src改成上图的模样即可。改好之后如下图：

验证码的大小之类的，都是可以修改的。官方手册里面也都提到了

同时，为了更加美观，模板自带的验证码提示值可以去掉，但是我看了一下模板，用的是placeholder，不是value，因此不用去掉，挺美观的。但是，login.html这个页面的底部有百度的推广脚本。把他得删掉。（忘了取消按钮了，登录页面也可以删掉。。。没必要有取消按钮。。。）

下面这幅图是百度推广信息，删除

现在用ajax提交数据是主流，因此需要修改提交按钮的type，不再是submit提交了。

先把type='submit'改成type='button'

然后，需要注意的是，登录页面有三个表格数据要提交，账号，密码，还有验证码。为了能够让控制器校验成功，需要给这三个地方都添加name属性，这点很重要！

同时，为了让用户点击登录的时候，提交数据，所以先给登录按钮一个id="login"，方便后面用jquery编写提交数据的脚本

补充概念Ajax:就是点击页面上按钮的时候，不卡顿，很流畅的技术。如果用以前的提交方式，那么数据会一个一个提交，容易卡顿，用户体验差。直白地说，就是没用AJAX的网页，你点一个按钮就要刷新一下页面，尽管新页面上只有一行字和当前页面不一样，但你还是要无聊地等待页面刷新。用了AJAX之后，你点击，然后页面上的一行字就变化了，页面本身不用刷，AJAX只是一种技术，不是某种具体的东西。不同的浏览器有自己实现AJAX的组件

补充概念json：json是一种轻量级的数据交换格式

下面，在准备写jquery代码之前，需要给上面的提交button这个按钮增加id值，目的是方便jquery获取。

上面这一步完成之后，达到的效果只是页面点击一下刷新按钮，验证码才会重新生成一张。但是，为了能够点击“看不清换一张”就刷新验证码，还得做下面的事情。

接着在底部编写脚本，同时对应要给验证码图片，记住是图片，增加id，否则底部脚本获取不到

很短的代码，由于不熟悉，写了很多解析。