首页 >后端开发 >php教程 >tp5框架ajax异步添加数据的代码实现

tp5框架ajax异步添加数据的代码实现

不言
不言原创
2018-08-20 16:41:093054浏览

本篇文章给大家带来的内容是关于tp5框架ajax异步添加数据的代码实现,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

ajax异步无刷新处理数据的用户体验还是不错的,在我们的项目开发中算是经常使用到的一个知识点。所以做成了ajax异步添加,我们平常用到的可能都是ajax异步删除、异步修改,异步添加可能稍微少点,下面看看我们的处理逻辑和核心代码吧。

这是我们数据添加的界面:

a751b9b5565031.png

前端js代码如下:

[js]
<script type="text/javascript">
 function adddhm(){
 var oid=$("input[name=&#39;oid&#39;]").val();
 var uname=$("input[name=&#39;uname&#39;]").val();
 var dhm=$("input[name=&#39;dhm&#39;]").val();
 var _class=$("select[name=&#39;class&#39;]").val();
 var otime=$("input[name=&#39;otime&#39;]").val();
 if(!oid){
 alert(&#39;订单号不能为空!&#39;);
 return false;
 }
 if(!uname){
 alert(&#39;用户名不能为空!&#39;);
 return false;
 }
 if(!dhm){
 alert(&#39;兑换码不能为空!&#39;);
 return false;
 }
 if(!_class){
 alert(&#39;适用课程不能为空!&#39;);
 return false;
 }
 if(!otime){
 alert(&#39;下单时间不能为空!&#39;);
 return false;
 }
 $.ajax({
 type:"POST",
 data:{oid:oid,uname:uname,dhm:dhm,class:_class,otime:otime},
 url:"{:url(&#39;add&#39;)}",
 success:function(data){
 alert(data.msg);
 }
 });
 $("#myform")[0].reset() ;
 return false;
 }
 </script>
[/js]

下面是我们接受到数据后的添加逻辑:

[php]
 public function add()
 {
 if(request()->isPost()){
 $_data=input(&#39;post.&#39;);
 $data=array();
 foreach ($_data as $k => $v) {
 $data[$k]=trim($v);
 }
 $validate = validate(&#39;dhm&#39;);
 if(!$validate->check($data)){
 $msg=$validate->getError();
 return json([&#39;error&#39;=>2,&#39;msg&#39;=>$msg]);
 }
 $add=db(&#39;dhm&#39;)->insert($data);
 if($add){
 return json([&#39;error&#39;=>0,&#39;msg&#39;=>&#39;添加成功!&#39;]);
 }else{
 return json([&#39;error&#39;=>1,&#39;msg&#39;=>&#39;添加失败,请重新添加!&#39;]);
 }
 return;
 }
 return view();
 }
[/php]

相关推荐:

tp5实现批量上传图片的方法代码

thinkphp中无限级栏目的排序实现代码

以上是tp5框架ajax异步添加数据的代码实现的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn