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 相关文章推荐
require(),include(),require_once()和include_once()区别
Mar 27 PHP
php session和cookie使用说明
Apr 07 PHP
PHP获取表单textarea数据中的换行问题
Sep 10 PHP
利用ThinkPHP内置的ThinkAjax实现异步传输技术的实现方法
Dec 19 PHP
php实现简单洗牌算法
Jun 18 PHP
一个PHP的ZIP压缩类分享
May 04 PHP
php计算函数执行时间的方法
Mar 20 PHP
PHP计算当前坐标3公里内4个角落的最大最小经纬度实例
Feb 26 PHP
php实现遍历文件夹的方法汇总
Mar 02 PHP
PHP hebrev()函数用法讲解
Feb 21 PHP
在Ubuntu 18.04上安装PHP 7.3 7.2和7.0的方法
Apr 09 PHP
YII2框架中behavior行为的理解与使用方法示例
Mar 13 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
Discuz7.2版的faq.php SQL注入漏洞分析
2014/08/06 PHP
php实现以只读方式打开文件的方法
2015/03/16 PHP
PHP实现批量上传单个文件
2015/12/29 PHP
php+mysql开发中的经验与常识小结
2019/03/25 PHP
jquery tab插件制作实现代码
2010/06/22 Javascript
Js与下拉列表处理问题解决
2014/02/13 Javascript
JS实现很酷的水波文字特效实例
2015/02/26 Javascript
在JavaScript中使用对数Math.log()方法的教程
2015/06/15 Javascript
jquery实现左右滑动菜单效果代码
2015/08/27 Javascript
node-http-proxy修改响应结果实例代码
2016/06/06 Javascript
node.js cookie-parser 中间件介绍
2016/06/06 Javascript
jQuery实现可展开折叠的导航效果示例
2016/09/12 Javascript
JS检测数组类型的方法小结
2017/03/14 Javascript
Mac系统下Webstorm快捷键整理大全
2017/05/28 Javascript
详解AngularJS 模块化
2017/06/14 Javascript
javascript按钮禁用和启用的效果实例代码
2017/10/29 Javascript
原生JS实现自定义下拉单选选择框功能
2018/10/12 Javascript
关于NodeJS中的循环引用详解
2019/07/23 NodeJs
node.js中stream流中可读流和可写流的实现与使用方法实例分析
2020/02/13 Javascript
javascript利用canvas实现鼠标拖拽功能
2020/07/23 Javascript
Element Tooltip 文字提示的使用示例
2020/07/26 Javascript
Python多线程学习资料
2012/12/19 Python
在Python中使用pngquant压缩png图片的教程
2015/04/09 Python
python入门教程 python入门神图一张
2018/03/05 Python
python 简单照相机调用系统摄像头实现方法 pygame
2018/08/03 Python
Python3.4学习笔记之常用操作符,条件分支和循环用法示例
2019/03/01 Python
Python操作redis实例小结【String、Hash、List、Set等】
2019/05/16 Python
python实现生成Word、docx文件的方法分析
2019/08/30 Python
wxPython实现画图板
2020/08/27 Python
CSS3支持IE6, 7, and 8的边框border属性
2012/12/28 HTML / CSS
中学教师请假制度
2014/02/03 职场文书
金融学专业大学生职业生涯规划
2014/03/07 职场文书
环保公益广告语
2014/03/13 职场文书
小学生运动会报道稿
2014/09/12 职场文书
《清澈的湖水》教学反思
2016/02/17 职场文书
Nginx利用Logrotate实现日志分割
2022/05/20 Servers