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 攻击方法之谈php+mysql注射语句构造
Oct 30 PHP
php checkbox 取值详细说明
Aug 19 PHP
PHP反射类ReflectionClass和ReflectionObject的使用方法
Nov 13 PHP
详解PHP导入导出CSV文件
Nov 03 PHP
PHP实现简单的新闻发布系统实例
Jul 28 PHP
php等比例缩放图片及剪切图片代码分享
Feb 13 PHP
zend framework中使用memcache的方法
Mar 04 PHP
关于PHP中字符串与多进制转换函数的实例代码
Nov 03 PHP
php安装php_rar扩展实现rar文件读取和解压的方法
Nov 17 PHP
PHP中关于php.ini参数优化详解
Feb 28 PHP
php中加密解密DES类的简单使用方法示例
Mar 26 PHP
php 获取音视频时长,PHP 利用getid3 获取音频文件时长等数据
Apr 01 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处理Json字符串解码返回NULL的解决方法
2014/09/01 PHP
thinkphp的URL路由规则与配置实例
2014/11/26 PHP
PHP根据图片色界在不同位置加水印的方法
2015/07/01 PHP
PHP获取访问页面HTTP状态码的实现代码
2016/11/03 PHP
CentOS 上搭建 PHP7 开发测试环境
2017/02/26 PHP
Laravel模型事件的实现原理详解
2018/03/14 PHP
js对数字的格式化使用说明
2011/01/12 Javascript
jquery如何通过name名称获取当前name的value值
2013/12/20 Javascript
JavaScript Math.ceil 方法(对数值向上取整)
2015/01/09 Javascript
jQuery增加自定义函数的方法
2015/07/18 Javascript
Node.js巧妙实现Web应用代码热更新
2015/10/22 Javascript
JavaScript实现图片懒加载(Lazyload)
2016/11/28 Javascript
详解使用fetch发送post请求时的参数处理
2017/04/05 Javascript
JS使用贪心算法解决找零问题示例
2017/11/27 Javascript
微信小程序实现动态改变view标签宽度和高度的方法【附demo源码下载】
2017/12/05 Javascript
nodejs基于mssql模块连接sqlserver数据库的简单封装操作示例
2018/01/05 NodeJs
Vue数据监听方法watch的使用
2018/03/28 Javascript
微信小程序实现购物页面左右联动
2019/02/15 Javascript
学习node.js 断言的使用详解
2019/03/18 Javascript
学习python的几条建议分享
2013/02/10 Python
Python实现身份证号码解析
2015/09/01 Python
用Python写一个模拟qq聊天小程序的代码实例
2019/03/06 Python
Python3.5面向对象编程图文与实例详解
2019/04/24 Python
python程序控制NAO机器人行走
2019/04/29 Python
python for循环remove同一个list过程解析
2019/08/14 Python
Pandas实现一列数据分隔为两列
2020/05/18 Python
CSS3中Color的一些特性介绍
2012/05/27 HTML / CSS
美国精油公司:Plant Therapy
2019/05/17 全球购物
美国最大的购物网站:Amazon.com(亚马逊美国)
2020/05/23 全球购物
Linux机考试题
2015/10/16 面试题
卫生院艾滋病宣传活动总结
2015/05/09 职场文书
贫困证明书范文
2015/06/16 职场文书
幼儿园中班班级总结
2015/08/10 职场文书
MySql存储过程之逻辑判断和条件控制
2021/05/26 MySQL
详解php中流行的rpc框架
2021/05/29 PHP
Django数据库(SQlite)基本入门使用教程
2022/07/07 Python