本文实例讲述了ThinkPHP5框架基于ajax与后台数据交互操作,ajax最大的一点是页面无刷新,在页面内与服务器通信,给用户的体验非常好。可以把以前一些服务器负担的工作转嫁到客户端,利用客户端闲置的能力来处理,减轻服务器和带宽的负担,节约空间和宽带租用成本。并且减轻服务器的负担,ajax的原则是“按需取数据”,可以最大程度的减少冗余请求,和响应对服务器造成的负担。
用ThinkPHP5开发企业微应用最需要注意的是ThinkPHP5与前台之间数据传递和交互。今天的分享是用ThinkPHP5做一个表单的提交,将调试通过的代码贴出,供需要的人参考。
前端代码:html>
ajax交互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);//获取成功以后输出返回值
}
});
}
---------
后端代码:public function reg($account,$passwd){
if($account == '123'){
return json("ajax成功!".$account."---".$passwd);
}else{
return json("你输出的是其他值:".$account."---".$passwd);
}
}
需要注意的地方:前台的url、data的格式设置 后台返回的信息的组织模式。
大家也可以看看