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 相关文章推荐
wordpress之wp-settings.php
Aug 17 PHP
PHP访问MYSQL数据库封装类(附函数说明)
Dec 04 PHP
PHP句法规则详解 入门学习
Nov 09 PHP
php中删除字符串中最先出现某个字符的实现代码
Feb 03 PHP
PHP的PSR规范中文版
Sep 28 PHP
采用memcache在web集群中实现session的同步会话
Jul 05 PHP
PHP中file_exists()判断中文文件名无效的解决方法
Nov 12 PHP
php解析xml 的四种简单方法(附实例)
Jul 11 PHP
Yii2实现跨mysql数据库关联查询排序功能代码
Feb 10 PHP
Laravel框架定时任务2种实现方式示例
Dec 08 PHP
一次因composer错误使用引发的问题与解决
Mar 06 PHP
php版本CKEditor 4和CKFinder安装及配置方法图文教程
Jun 05 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 echo()和print()、require()和include()函数区别说明
2010/03/27 PHP
详解WordPress中用于更新和获取用户选项数据的PHP函数
2016/03/08 PHP
php实现图片按比例截取的方法
2017/02/06 PHP
PHP7多线程搭建教程
2017/04/21 PHP
laravel 使用事件系统统计浏览量的实现
2019/10/16 PHP
JAVASCRIPT IE 与 FF中兼容问题小结
2009/02/18 Javascript
extjs 的权限问题 要求控制的对象是 菜单,按钮,URL
2010/03/09 Javascript
jquery教程限制文本框只能输入数字和小数点示例分享
2014/01/13 Javascript
js判断页面中是否有指定控件的简单实例
2014/03/04 Javascript
jquery xMarquee实现文字水平无缝滚动效果
2014/04/29 Javascript
上传图片预览JS脚本 Input file图片预览的实现示例
2014/10/23 Javascript
jQuery获取上传文件的名称的正则表达式
2015/05/21 Javascript
js实现横向伸展开的二级导航菜单代码
2015/08/28 Javascript
Javascript实现倒计时时差效果
2017/05/18 Javascript
原生JS实现自定义滚动条效果
2020/10/27 Javascript
Vue.js组件间的循环引用方法示例
2017/12/27 Javascript
vue2.5.2使用http请求获取静态json数据的实例代码
2018/02/27 Javascript
JS装饰器函数用法总结
2018/04/21 Javascript
VUE+node(express)实现前后端分离
2019/10/13 Javascript
node.js使用zlib模块进行数据压缩和解压操作示例
2020/02/12 Javascript
jQuery 常用特效实例小结【显示与隐藏、淡入淡出、滑动、动画等】
2020/05/19 jQuery
Python datetime时间格式化去掉前导0
2014/07/31 Python
Python实现pdf文档转txt的方法示例
2018/01/19 Python
Python简单爬虫导出CSV文件的实例讲解
2018/07/06 Python
对Python协程之异步同步的区别详解
2019/02/19 Python
全球速卖通:AliExpress(国际版淘宝)
2017/09/20 全球购物
巴西香水和化妆品购物网站:The Beauty Box
2019/09/03 全球购物
业务员薪酬管理制度
2014/01/15 职场文书
《我为你骄傲》教学反思
2014/02/20 职场文书
毕业生欢送会主持词
2014/03/31 职场文书
新学期开学演讲稿
2014/05/24 职场文书
应急管理培训方案
2014/06/12 职场文书
新教师培训心得体会
2014/09/02 职场文书
毕业晚宴祝酒词
2015/08/11 职场文书
CSS3实现的侧滑菜单
2021/04/27 HTML / CSS
MySQL之MyISAM存储引擎的非聚簇索引详解
2022/03/03 MySQL