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 相关文章推荐
基于MySQL体系结构的分析
May 02 PHP
解析PHP中ob_start()函数的用法
Jun 24 PHP
将CMYK颜色值和RGB颜色相互转换的PHP代码
Jul 28 PHP
跟我学Laravel之快速入门
Oct 15 PHP
php截取中文字符串函数实例
Feb 23 PHP
PHP实现支持SSL连接的SMTP邮件发送类
Mar 05 PHP
微信公众号开发之语音消息识别php代码
Aug 08 PHP
php+mongodb判断坐标是否在指定多边形区域内的实例
Oct 28 PHP
php 可变函数使用小结
Jun 12 PHP
PHP实现的XXTEA加密解密算法示例
Aug 28 PHP
thinkphp框架类库扩展操作示例
Nov 26 PHP
laravel5.6 框架邮件队列database驱动简单demo示例
Jan 26 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的日期处理函数及uchome的function_coomon中日期处理函数的研究
2011/01/12 PHP
JoshChen_web格式编码UTF8-无BOM的小细节分析
2013/08/16 PHP
php 时间time与日期date之间的使用详解及区别
2016/11/07 PHP
ThinkPHP 模板substr的截取字符串函数详解
2017/01/09 PHP
PHP-FPM 的管理和配置详解
2019/02/17 PHP
$.ajax json数据传递方法
2008/11/19 Javascript
jQuery EasyUI API 中文文档 搜索框
2011/09/29 Javascript
网页中返回顶部代码(多种方法)另附注释说明
2013/04/24 Javascript
js sort 二维数组排序的用法小结
2014/01/24 Javascript
avascript中的自执行匿名函数应用示例
2014/09/15 Javascript
JS获取图片高度宽度的方法分享
2015/04/17 Javascript
JavaScript中用let语句声明作用域的用法讲解
2016/05/20 Javascript
浅谈如何实现easyui的datebox格式化
2016/06/12 Javascript
vue router路由嵌套不显示问题的解决方法
2017/06/17 Javascript
详解Vue的computed(计算属性)使用实例之TodoList
2017/08/07 Javascript
vue-router重定向不刷新问题的解决
2018/06/25 Javascript
node.js遍历目录的方法示例
2018/08/01 Javascript
layui表单验证select下拉框实现验证的方法
2019/09/05 Javascript
vue动态设置页面title的方法实例
2020/08/23 Javascript
Python简单生成随机姓名的方法示例
2017/12/27 Python
Python实现获取前100组勾股数的方法示例
2018/05/04 Python
Python用5行代码写一个自定义简单二维码
2018/10/21 Python
Windows系统Python直接调用C++ DLL的方法
2019/08/01 Python
linux下python中文乱码解决方案详解
2019/08/28 Python
Django 解决distinct无法去除重复数据的问题
2020/05/20 Python
查看keras各种网络结构各层的名字方式
2020/06/11 Python
Stella McCartney官网:成衣、包袋、香水、内衣、童装及Adidas系列
2018/12/20 全球购物
网上书店创业计划书
2014/01/12 职场文书
食品厂厂长岗位职责
2014/01/30 职场文书
我的梦中国梦演讲稿
2014/04/23 职场文书
中专毕业生的自荐书
2014/07/01 职场文书
2014年计划生育协会工作总结
2014/11/14 职场文书
优秀大学生事迹材料
2014/12/24 职场文书
初中化学教学反思
2016/02/22 职场文书
使用php的mail()函数实现发送邮件功能
2021/06/03 PHP
Python实现猜拳与猜数字游戏的方法详解
2022/04/06 Python