位置: 编程技术 - 正文
推荐整理分享php 接口与前端数据交互实现示例代码(php与前端交互),希望有所帮助,仅作参考,欢迎阅读内容。
文章相关热门搜索词:前端调用php接口,php接口技术,php前端与后端的数据交互,php中前端与后端怎么连起来,php与前端交互,php中前端与后端怎么连起来,php怎么和前端对接,php与前端交互,内容如对您有帮助,希望把文章链接给更多的朋友!
最近在做前后端数据交互的尝试,也跳了很多坑,使用的是php+bootstrap-table+js,把一些收获记录在这里,方便查询。
这个小项目,仅有3个文件,分别为:
1.crud.html2.data.php3.crud.sql
数据交互实现1:查询
1.mysql 数据库建表2.php查询接口3.前端数据展现
mysql 数据库建表
数据库名称:crud 第一个表名:t_users 主键:user_id,自增长排列php:
前端实现:
实现效果:
数据交互实现2:删除
在做删除时遇到不少的坑,究其原因是因为对SQL语句不熟悉,对php不熟悉,不过,总结了以下几点,供参考:
1.delete 返回的参数只能用 $_GET 获取;
2.delete 返回的参数要放在URL中,不能放在body中;body中的参数是用来查询的;
3.SQL语句一定要熟练,一步错,步步错;
4.要在数据库中执行SQL语句检查语句是否执行正确,要使用 Rest Client 测试URL请求是否正确;
php:
前端实现JS部分:
调试方法:
数据交互实现3:新增
在写php的方法上,我觉得我的方法是有问题的,因为所有的参数,也就是所有的需要新增的数据都是通过 接口以 ? 后跟参数的方式添加成功的。功能是可以实现,但是如果新增的数据较大,这个方法显示是不可行的,但是还没有找到合适的方法,烦请大侠们指点。
php:
前端实现JS部分:
html使用了bootstrap 的 modal作为新增时的弹出框
至此,还没有解决如下问题:
1.表单验证;
2.添加多条数据后,php如何接收参数;
3.新增成功后,在$.ajax的方法中,为什么,新增成功后的其它操作要在 error 这个对象中实现?而不是在 sucess 中实现?
标签: php与前端交互
本文链接地址:https://www.jiuchutong.com/biancheng/289940.html 转载请保留说明!友情链接: 武汉网站建设