day59 前端对数据增删改查几种方式（附前后端实现代码）

增：

1.模态对话框

分为两种情况，第一种，from表单直接提交数据，后台获取到数据，没问题直接添加，完事返回页面，用GET请求访问，页面就刷新了就显示新的数据了。优点：简单。这种方式存在的问题：from方式提交，页面一定会刷新！在后台加判断，判断数据是否为空等等问题的时候，如果失败的话，错误信息也没有办法显示，用户根本就不知道数据没有提交成功。于是就引出了第二种方式，

第二种：from+AJax方式提交。ajax操作，

①有错误就显示错误，无错误可以通过JS的location.reload()刷新页面，

②有错误就显示错误，无错误自己局部添加（jquery事件绑定之ON）。（不推荐不推荐，个人觉得贼麻烦）

 

下面是第一种的代码：

    <div class="modal hide">
    <form method="post" action="/classes.html" >
        <input name="id" type="text" class="hide" />
        <input name="caption" type="text" placeholder="标题"