本文实例讲述了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相关内容感兴趣的读者可查看本站专题：《ThinkPHP入门教程》、《thinkPHP模板操作技巧总结》、《ThinkPHP常用方法总结》、《codeigniter入门教程》、《CI(CodeIgniter)框架进阶教程》、《Zend FrameWork框架入门教程》及《PHP模板技术总结》。
希望本文所述对大家基于ThinkPHP框架的PHP程序设计有所帮助。
您可能感兴趣的文章:- thinkphp5 + ajax 使用formdata提交数据（包括文件上传） 后台返回json完整实例
- TP5(thinkPHP5)框架使用ajax实现与后台数据交互的方法小结
- ThinkPHP5.1+Ajax实现的无刷新分页功能示例
- ThinkPHP5 通过ajax插入图片并实时显示(完整代码)
- Thinkphp5框架ajax接口实现方法分析
- thinkPHP+mysql+ajax实现的仿百度一下即时搜索效果详解
- ThinkPHP框架结合Ajax实现用户名校验功能示例
- thinkPHP利用ajax异步上传图片并显示、删除的示例
- ThinkPHP 5 AJAX跨域请求头设置实现过程解析
