微客导航 » 文章资讯 » TP5(thinkPHP5)框架使用ajax实现与后台数据交互的方法小结

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

2023-08-01 20:57:04 191

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

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

前端代码





ajax交互

后端代码

publicfunctionreg($account,$passwd){
if($account=='123'){
returnjson("ajax成功！".$account."---".$passwd);
}else{
returnjson("你输出的是其他值：".$account."---".$passwd);
}
}

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

前端代码





管理员登录











管理登录

layui.extend({ admin:'{/}./static/js/admin' }); //layui.use调用模块 layui.use(['form','admin'],function(){ //获得form模块 varform=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) varpost_data=data.field; $.post("{:url('verify')}" ,post_data ,function(data){ console.log(data); } ) returnfalse; }); }) ;

后端代码

publicfunctionverify()
{
$posts=input("post.password");
returnjson($posts);
}

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

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

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

返回顶部
3162201930
czq8825@qq.com

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

热门推荐

随机推荐