thinkphp5.0.3+H-ui-admin中同步和异步方式提交对比（2）

      thinkphp5开发仿百度糯米——https://coding.imooc.com/class/85.html 

       关于前端表单排序功能很实用，也是基于异步php+ajax

       最终效果

      

       在表单输入数据，当输入域失去焦点时，会把当前条目主键id和输入域中的序号获取，提交后台，经过验证后更新数据库，并根据排序规则在前端页面自动刷新

       <前端>

       <js获取>——满足触发条件，获取值，组装数组，ajax抛送

         封装的layer弹出层组件，自己根据项目写好的弹出层dialog类

       

       <后端>

       根据前端提交过来的id，listorder（条目在表中的主键id，经过正则表达验证过的的页面输入排序值），对数据表更新。并把结果集赋给$res（更新成功，在sql中的结果是：一条结果发生改变，res就是1；若更新失败，返回null，就是根据res是否为空判断更新是否成功），最后回调给js

        php封装show方法——传入参数，返回json格式组装的数据（前后端json格式）

       save方法是thinkphp5封装好的方法，按住ctrl键，鼠标左击save跳转可以查看源码，第一个参数是更新的值，第二个参数是更新条件

       结果通过ajax回调给js