TP5(thinkPHP5)框架使用ajax实现与后台数据交互的方法小结

来源:脚本之家  责任编辑:小易  

使用tp的Expression类别问我为什么知道,我也是遇到这种需求,然后看源码才搞定的$exp

本文实例讲述了TP5(thinkPHP5)框架使用ajax实现与后台数据交互的方法。分享给大家供大家参考,具体如下:

最简单的方法就是修改路由配置文件

方法一: serialize() 方法通过序列化表单值,创建 URL 编码文本字符串,这个是jquery提供的方法

当然找不到user控制器了,因为根本就没有再app/index/controller目录下新建U

前端代码

ThinkPHP模版中导入CSS和JS文件的方法常用方法1. css使用link2. js使用s

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>ajax交互</title> <script src="http://picc.zgxue.com/https://cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script> <script> $('.but').click(function () { var formData = $("#myform").serialize();//formData值:account=sdf&passwd=sdf //serialize() 方法通过序列化表单值,创建 URL 编码文本字符串,这个是jquery提供的方法 $.ajax({ type: "post", url: "{:url('index/index/reg')}", //数据传输的控制器方法 data: formData,//这里data传递过去的是序列化以后的字符串 success: function (data) { console.log(data); $("#content").append(data);//获取成功以后输出返回值 } }); return false; }) </script> </head> <body> <form id="myform"> <!--这里给表单起个id用于获取表单并序列化--> <input type="text" name="account" /> <input type="password" name="passwd" /> <input type="button" value="提交" class="but"> </form> <div id="content"> </div> </body> </html>

在Nginx下通过ci框架开发项目时,发现ci框架在nginx下是不能运行的,在网络上搜索了相关资料

后端代码

我和戚薇是同一届的,同属于电视制作系,只是她学的是音乐表演专业。大一下半学期,有一天,同学带我去看校园歌手大赛。那天是我第一次看到戚薇。老实说,那时候戚薇就开始走跳唱路线,我第一次看到有人台风这么出色。戚薇当时唱的是蔡依林的《看我七十二变》,不知道她之前是不是学过舞蹈,舞台上表现得挥洒自如,舞步也很赞,可以说跟其他选手相比她绝对是现象级的。除了台风和舞步,戚薇的歌声也很有特色,她的声音很有力量感,略微低沉,有点像温岚。我朋友问我,觉得她怎样?“当然很棒啊!”我由衷地赞叹,心想这人以后前途不可限量。后来我才知道,原来她是我朋友的女朋友。我朋友当年也是学校的风云人物,曾获得全国青年歌手大赛三等奖。

public function reg($account,$passwd){ if($account == '123'){ return json("ajax成功!".$account."---".$passwd); }else{ return json("你输出的是其他值:".$account."---".$passwd); } }

救急型的答案。深呼吸不仅是给自己时间冷静,而且它会真真切切的激活大脑的副交感神经系统,使你的身心放松下来。几乎绝大部分的禅修之类的活动,都会强调先去关注自己的呼吸,比如自己能不能连续深呼吸十次,感受腹部的起伏,中途不去想任何其他的事情?如果你拒绝救急型的答案,如果想长远或根本性解决这个问题,要彻底控制自己的情绪,还有一个建议:进行超长非身体对抗性户外耐力体育运动训练。任何一种有氧运动,只要坚持够久,都会有效解决情绪控制问题。比如越野跑,比如户外公开水域游泳,比如铁人三项。打坐冥想,瑜珈普拉提等偏静态运动其实也不错。很难想象你能完成100公里越野跑,却不能控制自己的情绪。我身边诸多各项耐力运动爱

方法二: 利用layui的form.on事件监听

从开国到现在这样的奇葩问题第一次见国家宪法,人权法,动物保护法,赔偿法等众多法律法规中有关于《动物界》一只狗把另一只狗搞怀孕还要赔偿的吗。这动物界的情感问题在怎么算也不管人类的事吧。??????????????

前端代码

ThinkPHP模版中导入CSS和JS文件的方法常用方法1. css使用link2. js使用s

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>管理员登录</title> <meta name="renderer" content="webkit|ie-comp|ie-stand"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0"> <meta http-equiv="Cache-Control" content="no-siteapp"/> <link rel="shortcut icon" href="./favicon.ico" rel="external nofollow" type="image/x-icon"/> <link rel="stylesheet" href="./static/css/font.css" rel="external nofollow" > <link rel="stylesheet" href="./static/css/weadmin.css" rel="external nofollow" > <script src="./lib/layui/layui.js" charset="utf-8"></script> </head> <body class="login-bg"> <div class="login"> <div class="message">管理登录</div> <div id="darkbannerwrap"></div> <form method="post" class="layui-form"> <input name="username" placeholder="用户名" type="text" lay-verify="required" class="layui-input"> <hr class="hr15"> <input name="password" lay-verify="required" placeholder="密码" type="password" class="layui-input"> <hr class="hr15"> <input class="loginin" value="登录" lay-submit lay-filter="login" style="width:100%;" type="submit"> <hr class="hr20"> </form> </div> <script src="./static/js/jquery-3.3.1.min.js"></script> <script type="text/javascript"> layui.extend({ admin: '{/}./static/js/admin' }); //layui.use调用模块 layui.use(['form', 'admin'], function () { //获得form模块 var form = layui.form , admin = layui.admin; //监听提交 //事件监听 //语法:form.on('event(过滤器值)', callback);(过滤器值指lay-filter="过滤器值") //function(data)里的data是一个object,data.field是表单填写的内容 form.on('submit(login)', function (data) { //$.post写法:$(selector).post(URL,data,function(data,status,xhr),dataType) var post_data = data.field; $.post("{:url('verify')}" , post_data , function (data) { console.log(data); } ) return false; }); }) ; </script> <!-- 底部结束 --> </body>

后端代码

我和戚薇是同一届的,同属于电视制作系,只是她学的是音乐表演专业。大一下半学期,有一天,同学带我去看校园歌手大赛。那天是我第一次看到戚薇。老实说,那时候戚薇就开始走跳唱路线,我第一次看到有人台风这么出色。戚薇当时唱的是蔡依林的《看我七十二变》,不知道她之前是不是学过舞蹈,舞台上表现得挥洒自如,舞步也很赞,可以说跟其他选手相比她绝对是现象级的。除了台风和舞步,戚薇的歌声也很有特色,她的声音很有力量感,略微低沉,有点像温岚。我朋友问我,觉得她怎样?“当然很棒啊!”我由衷地赞叹,心想这人以后前途不可限量。后来我才知道,原来她是我朋友的女朋友。我朋友当年也是学校的风云人物,曾获得全国青年歌手大赛三等奖。

public function verify() { $posts = input("post.password"); return json($posts); }

更多关于thinkPHP相关内容感兴趣的读者可查看本站专题:《ThinkPHP入门教程》、《thinkPHP模板操作技巧总结》、《ThinkPHP常用方法总结》、《codeigniter入门教程》、《CI(CodeIgniter)框架进阶教程》、《Zend FrameWork框架入门教程》及《PHP模板技术总结》。

希望本文所述对大家基于ThinkPHP框架的PHP程序设计有所帮助。

扩展阅读,根据您访问的内容系统为您准备了以下内容,希望对您有帮助。

thinkphp5框架如何实现ajax无刷新分页呢?

那你每次点击的页数通过ajax传入请求的方法里,请求的方法中再通过你的数值对整组数据进行划分,比如每页20条,第一页是limit(0,20),第二页是limit(20,20),第三页是limit(40,20),那么你的页数乘以20再减去20就是limit()的第一个参数,第二个参数为20。如果每页为40页的话则是你的页数乘以40再减去40;查询出数据后在返回给ajax,通过jquery刷新便是本回答被提问者采纳

thinkphp5 ajax异步传输

你的del()方法中的$id没有定义,所以报错了。

你的js通过ajax发送了数据给后端,但后端del方法中并没有接收这个数据。

thinkphp5如何通过ajax传递id到控制器

给个例子:

var username="niudun";

var password="123";

params="username="+username+"&password="+password;

后台取得:

String username=request.getParameter("username");

String password=request.getParameter("password");本回答被网友采纳

thinkphp5 ajax跳转

这只是ajax请求,你以为是浏览器访问啊,你的AJAX请求这个URL后,返回的是一个302重定向,你浏览器怎么可能去跳转。

你如果想跳转,在你的控制器中返回一个URL, 客户端收到响应后在客户端重定向

// php

function test () {

    return url('index/index/index');

}// ajax

success: function (r) {

    window.location.href = r;

}追答我那只是给你简写了一下,你如果要按照我的说的,在客户端跳转的话,就在你的那个控制里返回一个URL,然后在客户端接收、跳转,你客户端接收到URL了吗??

thinkphp5 ajax验证怎么做到错误消息对应出错的输入框?

一,用ajax实现

这个首先你要写一个接口,然后当用户去点击登录的时候验证表单是不是有数据了,如果有就直接去请求接口,如果没有要用JS去实现表单下的文字显示提示出错,如果这一步没有问题就是后台那边对应的错误码返回前端,前端再根据提示对应的显示错误在那个框下面提醒了。

2.登录跳转显示

这个如果不会JS也可以用跳转的方法实现。就是跳转后出错了,把出错信息显示到框的下面,只有出错的时候才把错误输出,这时候也一样可以显示错误进行提示用户。

对于上面的都是要前后端合作,纯thinkphp5是没有这个全套的,只是后端有验证方法而已。

有什么其他不懂的可以追问。

  • 本文相关:
  • tp5(thinkphp5)框架基于ajax与后台数据交互操作简单示例
  • thinkphp5.1+ajax实现的无刷新分页功能示例
  • thinkphp5 ajax提交表单操作实例分析
  • thinkphp中使用ajax接收json数据的方法
  • thinkphp结合ajaxfileuploader实现无刷新文件上传的方法
  • thinkphp实现ajax仿官网搜索功能实例
  • thinkphp中ajax返回ajaxreturn()方法分析
  • thinkphp中ajax与php响应过程详解
  • thinkphp处理ajax返回的方法
  • thinkphp+ajax实现统计页面pv浏览量的方法
  • thinkphp验证码的实现(form、ajax实现验证)
  • thinkphp5框架实现基于ajax的分页功能示例
  • php仿博客园 个人博客(1) 数据库与界面设计
  • laravel框架在本地虚拟机快速安装的方法详解
  • php防止网站被攻击的应急代码
  • php实现中文转数字
  • ajax完美实现两个网页 分页功能的实例代码
  • codeigniter连贯操作的底层原理分析
  • php远程采集图片详细教程
  • zend framework框架之zend_mail实现发送email邮件验证功能及解决
  • 美图秀秀web开放平台--php流式上传和表单上传示例分享
  • codeigniter删除和设置cookie的方法
  • thinkphp5框架如何实现ajax无刷新分页呢?
  • thinkphp5 ajax异步传输
  • thinkphp5如何通过ajax传递id到控制器
  • thinkphp5 ajax跳转
  • thinkphp5 ajax验证怎么做到错误消息对应出错的输入框?
  • TP5框架如何order自定义排序
  • 如何实现thinkphp5,随意更改后台模块的名称
  • tp5 在主控制器中添加控制器但是访问显示控制器不存在
  • tp5怎么引入css,js文件
  • tp5在nginx环境下出现file not found 怎么解决
  • 免责声明 - 关于我们 - 联系我们 - 广告联系 - 友情链接 - 帮助中心 - 频道导航
    Copyright © 2017 www.zgxue.com All Rights Reserved