php 接口与前端数据交互实现示例代码

时间:2017-09-05

php:

<?php
  //测试php是否可以拿到数据库中的数据
  /*echo "44444";*/
  
  //做个路由 action为url中的参数
  $action = $_GET['action'];

  switch($action) {
    case 'init_data_list':
      init_data_list();
      break;
    case 'add_row':
      add_row();
      break;
    case 'del_row':
      del_row();
      break;
    case 'edit_row':
      edit_row();
      break;
  }

//删除方法
  function del_row(){
    //测试
    /*echo "ok!";*/
    
    //接收传回的参数
    $rowId = $_GET['rowId'];
    $sql = "delete from t_users where user_id='$rowId'";
    
    if(query_sql($sql)){
      echo "ok!";
    }else{
      echo "删除失败!";
    }
  }
?>

前端实现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('删除失败!');
              }
            });
          });
        })
      }

调试方法:

php 接口与前端数据交互实现示例代码

php 接口与前端数据交互实现示例代码

php 接口与前端数据交互实现示例代码

数据交互实现3:新增

  • 共3页:
  • 上一页
  • 2/3
  • 下一页
  • 上一篇:php curl请求接口并获取数据的示例代码 下一篇:php 实现收藏功能的示例代码

    相关文章

    最新文章