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

最近在做前后端数据交互的尝试，也跳了很多坑，使用的是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:

//测试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 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"=>"查询成功！",

"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", "root", "crud");

$sqls = func_get_args();

foreach($sqls as $s){

$query = $mysqli->query($s);

}

$mysqli->close();

return $query;

}

?>

前端实现：

#table {

padding: 0;

}

#table>tbody>tr {

cursor: pointer;

}

#table>tbody>tr>td.bs-checkbox {

vertical-align: middle;

}

增删改查

删除

新建

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

$remove = $('#remove&