即时演示地址：http://x1.alaiyeshi.net/msgboard

我们之前提交都是通过表单的传统方法进行跳转请求，体验一般，我们想改成无刷新提交、验证怎么办呢？

本节我们就来把之前传统的跳转请求方法改为Ajax请求。首先看add方法：

第一步我们只需要把 success方法修改为系统封装好的json格式，这时我们看提交，是不会在跳转了。

我们可以用js来处理这个数据格式，让体验更好

修改模板 

这些传统跳转可以直接删除

我们给按钮一个id，并且type改为button类型

当点击按钮时候，我们用jquery中的post方法向add发送请求即可

这里的res参数就是系统返回的json数据格式信息，利用code判断，code为0的时候，代表执行成功，如果为1则请求失败

我们此时提交看下：

此时页面就不在向之前那样刷新跳转提交了。体验是不是又更好了呢。

到此我们为其命名为留言板1.12版本，即msgboard 1.12

下一节：齐博x1第五季《项目实战-留言板》18-留言墙