实现效果：

数据交互实现2：删除

在做删除时遇到不少的坑，究其原因是因为对SQL语句不熟悉，对php不熟悉，不过，总结了以下几点，供参考：

1.delete 返回的参数只能用 $_GET 获取；

2.delete 返回的参数要放在URL中，不能放在body中；body中的参数是用来查询的；

3.SQL语句一定要熟练，一步错，步步错；

4.要在数据库中执行SQL语句检查语句是否执行正确，要使用 Rest Client 测试URL请求是否正确；

php:

前端实现JS部分：

var $table = $('#table'),
  $remove = $('#remove');

  $(function() {
    delData();
  });

function delData() {
        $remove.on('click', function() {
          if(confirm("是否继续删除")) {
            var rows = $.map($table.bootstrapTable('getSelections'), function(row) {
              //返回选中的行的索引号
              return row.user_id;
            });
          }
          
          $.map($table.bootstrapTable('getSelections'),function(row){
            var del_url = "./php/data.php";
            //根据userId删除数据,因为这个id就是 传给服务器的参数
            var rowId = row.user_id;
            
            $.ajax({
              type:"delete",
              url:del_url + "?action=del_row&rowId=" + rowId,
              dataType:"html",
              contentType: 'application/json;charset=utf-8',
              success: function(data) {
                $table.bootstrapTable('remove',{
                  field: 'user_id',
                  values: rows
                });
                $remove.prop('disabled', true);
              },
              error:function(data){
                alert('删除失败！');
              }
            });
          });
        })
      }

调试方法：

数据交互实现3：新增

在写php的方法上，我觉得我的方法是有问题的，因为所有的参数，也就是所有的需要新增的数据都是通过 接口以 ？ 后跟参数的方式添加成功的。功能是可以实现，但是如果新增的数据较大，这个方法显示是不可行的，但是还没有找到合适的方法，烦请大侠们指点。

php:

query($s);
    }
    $mysqli->close();
    return $query;
  }
?>

前端实现JS部分：

html使用了bootstrap 的 modal作为新增时的弹出框

    
      
        
          
            ×
            用户新增