TP5(thinkPHP5)框架基于ajax与后台数据交互操作简单示例


Posted in PHP onSeptember 03, 2018

本文实例讲述了TP5(thinkPHP5)框架基于ajax与后台数据交互操作。分享给大家供大家参考,具体如下:

Ajax最大的一点是页面无刷新,在页面内与服务器通信,给用户的体验非常好。可以把以前一些服务器负担的工作转嫁到客户端,利用客户端闲置的能力来处理,减轻服务器和带宽的负担,节约空间和宽带租用成本。并且减轻服务器的负担,ajax的原则是“按需取数据”,可以最大程度的减少冗余请求,和响应对服务器造成的负担。

最近在用tp5开发企业微应用,很有收获,觉得最需要注意的是thinkphp5与前台之间数据传递和交互。经过几天的摸索,将调试通过的代码贴出,供需要的人参考。今天的分享是用TP5做一个表单的提交。

前端代码

<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title>ajax交互</title>
  <script src="//cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>
  <script>
   function ajaxPost(){
    var formData = $("#myform").serialize();
    //serialize() 方法通过序列化表单值,创建 URL 编码文本字符串,这个是jquery提供的方法
    $.ajax({
     type:"post",
     url:"{:url('Index/index/reg')}",  //数据传输的控制器方法
     data:formData,//这里data传递过去的是序列化以后的字符串
     success:function(data){
      $("#content").append(data);//获取成功以后输出返回值
     }
    });
   }
  </script>
 </head>
 <body>
  <form id="myform">
   <!--这里给表单起个id用于获取表单并序列化-->
   <input type="text" name="account" />
   <input type="password" name="passwd" />
   <button onclick="ajaxPost()">---------</button>
  </form>
  <div id="content">
  </div>
 </body>
</html>

后端代码:

public function reg($account,$passwd){
  if($account == '123'){
   return json("ajax成功!".$account."---".$passwd);
  }else{
   return json("你输出的是其他值:".$account."---".$passwd);
  }
}

Tp5有很多的更新,所以,代码不多,但绝对是精华。 需要注意的地方:前台的url、data的格式设置 后台返回的信息的组织模式。

希望本文所述对大家基于ThinkPHP框架的PHP程序设计有所帮助。

PHP 相关文章推荐
40个迹象表明你还是PHP菜鸟
Sep 29 PHP
php 获取可变函数参数的函数
Aug 26 PHP
提高PHP编程效率 引入缓存机制提升性能
Feb 15 PHP
php下保存远程图片到本地的办法
Aug 08 PHP
php重定向的三种方法分享
Feb 22 PHP
PHP中操作ini配置文件的方法
Apr 25 PHP
深入php函数file_get_contents超时处理的方法详解
Jun 03 PHP
PHP中$_FILES的使用方法及注意事项说明
Feb 14 PHP
php在linux下检测mysql同步状态的方法
Jan 15 PHP
PHP转换文本框内容为HTML格式的方法
Jul 20 PHP
PHP编写daemon process详解及实例代码
Sep 30 PHP
PHP中通过getopt解析GNU C风格命令行选项
Nov 18 PHP
PHP实现的AES双向加密解密功能示例【128位】
Sep 03 #PHP
PHP实现的日历功能示例
Sep 01 #PHP
thinkPHP5框架分页样式类完整示例
Sep 01 #PHP
php操作mongodb封装类与用法实例
Sep 01 #PHP
thinkphp集成前端脚手架Vue-cli的教程图解
Aug 30 #PHP
Django中通过定时任务触发页面静态化的处理方式
Aug 29 #PHP
PHP使用SMTP邮件服务器发送邮件示例
Aug 28 #PHP
You might like
详解PHP显示MySQL数据的三种方法
2008/06/05 PHP
那些年一起学习的PHP(一)
2012/03/21 PHP
PHP+Jquery与ajax相结合实现下拉淡出瀑布流效果【无需插件】
2016/05/06 PHP
thinkPHP商城公告功能开发问题分析
2016/12/01 PHP
PHP实现中国公民身份证号码有效性验证示例代码
2017/05/03 PHP
javascript 得到变量类型的函数
2010/05/19 Javascript
JavaScript实现数组降维详解
2017/01/05 Javascript
ES6新特性之字符串的扩展实例分析
2017/04/01 Javascript
nodejs中用npm初始化来创建package.json的实例讲解
2018/10/10 NodeJs
详解滑动穿透(锁body)终极探索
2019/04/16 Javascript
深入浅析ng-bootstrap 组件集中 tabset 组件的实现分析
2019/07/19 Javascript
微信小程序如何实现在线客服功能
2019/10/16 Javascript
JS实现简易计算器
2020/02/14 Javascript
[49:20]2014 DOTA2国际邀请赛中国区预选赛5.21 CIS VS TongFu
2014/05/22 DOTA
python中的yield使用方法
2014/02/11 Python
pyenv命令管理多个Python版本
2017/03/26 Python
Python单元测试实例详解
2018/05/25 Python
如何通过50行Python代码获取公众号全部文章
2019/07/12 Python
pytorch 在网络中添加可训练参数,修改预训练权重文件的方法
2019/08/17 Python
pytorch实现MNIST手写体识别
2020/02/14 Python
Python 输出详细的异常信息(traceback)方式
2020/04/08 Python
Python configparser模块操作代码实例
2020/06/08 Python
python各种excel写入方式的速度对比
2020/11/10 Python
美国名牌太阳镜折扣网站:Eyedictive
2017/05/15 全球购物
乔丹诺(Giordano)酒庄德国官网:找到最好的意大利葡萄酒
2017/12/28 全球购物
Priority Pass机场贵宾室会籍计划:全球超过1200间机场贵宾室
2018/08/26 全球购物
Gretna Green中文官网:苏格兰格林小镇
2019/10/16 全球购物
家居饰品店创业计划书
2014/01/31 职场文书
高中课程设置方案
2014/05/28 职场文书
党员个人总结自评
2015/02/14 职场文书
女性健康知识讲座主持词
2015/07/04 职场文书
检讨书怎么写?
2019/06/21 职场文书
祝福语集锦:朋友新店开业祝福语
2019/12/10 职场文书
vue中利用mqtt服务端实现即时通讯的步骤记录
2021/07/01 Vue.js
JavaScript模拟实现网易云轮播效果
2022/04/04 Javascript
Debian11 Xfce终端光标的颜色怎么设置?
2022/08/14 数码科技