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 相关文章推荐
php 无法加载mysql的module的时候的配置的解决方案引发的思考
Jan 27 PHP
php curl的深入解析
Jun 02 PHP
php读取二进制流(C语言结构体struct数据文件)的深入解析
Jun 13 PHP
php生成excel列序号代码实例
Dec 24 PHP
php获取QQ头像并显示的方法
Dec 23 PHP
php+html5使用FormData对象提交表单及上传图片的方法
Feb 11 PHP
php开发微信支付获取用户地址
Oct 04 PHP
PHP文件操作之获取目录下文件与计算相对路径的方法
Jan 08 PHP
PHP运行模式汇总
Nov 06 PHP
PHP保留两位小数的几种方法
Jul 24 PHP
thinkphp3.2同时连接两个数据库的简单方法
Aug 13 PHP
使用laravel指定日志文件记录任意日志
Oct 17 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你的验证码安全码?
2007/01/02 PHP
php 分库分表hash算法
2009/11/12 PHP
使用php记录用户通过搜索引擎进网站的关键词
2014/02/13 PHP
Symfony2中被遗弃的getRequest()方法分析
2016/03/17 PHP
extjs关于treePanel+chekBox全部选中以及清空选中问题探讨
2013/04/02 Javascript
JS中showModalDialog 的使用解析
2013/04/17 Javascript
jquery设置元素的readonly和disabled的写法
2013/09/22 Javascript
详解JavaScript中的every()方法
2015/06/08 Javascript
javascript实现随机读取数组的方法
2015/08/03 Javascript
JS实现网页Div层Clone拖拽效果
2015/09/26 Javascript
学习AngularJs:Directive指令用法(完整版)
2016/04/26 Javascript
angularjs中使用ng-bind-html和ng-include的实例
2017/04/28 Javascript
浅谈webpack编译vue项目生成的代码探索
2017/12/11 Javascript
值得收藏的八个常用的js正则表达式
2018/10/19 Javascript
js 动态校验开始结束时间的实现代码
2020/05/25 Javascript
JavaScript中作用域链的概念及用途讲解
2020/08/06 Javascript
使用Python3编写抓取网页和只抓网页图片的脚本
2015/08/20 Python
Python实现在线音乐播放器
2017/03/03 Python
Python中的pygal安装和绘制直方图代码分享
2017/12/08 Python
python实现诗歌游戏(类继承)
2019/02/26 Python
python爬虫爬取微博评论案例详解
2019/03/27 Python
Python3.6 中的pyinstaller安装和使用教程
2020/03/16 Python
python库skimage给灰度图像染色的方法示例
2020/04/27 Python
Python实现画图软件功能方法详解
2020/07/28 Python
Python连接Mysql进行增删改查的示例代码
2020/08/03 Python
pycharm远程连接服务器并配置python interpreter的方法
2020/12/23 Python
用HTML5 Canvas API中的clearRect()方法实现橡皮擦功能
2016/03/15 HTML / CSS
大学生毕业自荐信
2013/10/10 职场文书
法律系毕业生自荐信范文
2014/03/27 职场文书
小学班长竞选演讲稿
2014/04/24 职场文书
环保项目建议书
2014/08/26 职场文书
2014国庆节餐厅促销活动策划方案
2014/09/16 职场文书
公司2015年终工作总结
2015/05/26 职场文书
Redis入门教程详解
2021/08/30 Redis
Win11 Beta 预览版 22621.575 和 22622.575更新补丁KB5016694发布(附更新内容大全)
2022/08/14 数码科技
SqlServer常用函数及时间处理小结
2023/05/08 SQL Server