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

开发技术作者： 2024-08-18 04:35:01

本篇文章主要介绍了php 接口与前端数据交互实现示例代码，主要使用的是php+bootstrap-table+js，具有一定的参考价值，有兴趣的可以了解一下

最近在做前后端数据交互的尝试，也跳了很多坑，使用的是PHP+bootstrap-table+js，把一些收获记录在这里，方便查询。

这个小项目，仅有3个文件，分别为：

1.crud.html 2.data.PHP 3.crud.sql

数据交互实现1：查询

1.MysqL 数据库建表 2.PHP查询接口 3.前端数据展现

MysqL 数据库建表

数据库名称：crud
第一个表名：t_users
主键：user_id，自增长排列

PHP:

//做个路由 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 init_data_list(){
//测试运行crud.html时是否可以获取到下面这个字符串
/echo "46545465465456465";/

//查询表
$sql = "SELECT * FROM `t_users`";
$query = query_sql($sql);
while($row = $query->fetch_assoc()){
  $data[] = $row;
}

$json = json_encode(array(
  "resultCode"=>200,"message"=>"<a href="https://www.jb51.cc/tag/chaxun/" target="_blank" class="keywords">查询</a>成功！","data"=>$data
),JSON_UNESCAPED_UNICODE);

//转换成字符串JSON
echo($json);

}

/**查询服务器中的数据

1、连接数据库,参数分别为服务器地址 / 用户名 / 密码 / 数据库名称
2、返回一个包含参数列表的数组
3、遍历$sqls这个数组，并把返回的值赋值给 $s
4、执行一条MysqL的查询语句
5、关闭数据库
6、返回执行后的数据
*/
function query_sql(){
$MysqLi = new MysqLi("127.0.0.1","root","crud");
$sqls = func_get_args();
foreach($sqls as $s){
$query = $MysqLi->query($s);
}
$MysqLi->close();
return $query;
}
?>

前端实现：