這篇文章帶給大家的內容是關於tp5框架ajax非同步添加資料的程式碼實現,有一定的參考價值,有需要的朋友可以參考一下,希望對你有幫助。
ajax非同步無刷新處理資料的使用者體驗還是不錯的,在我們的專案開發中算是經常使用到的一個知識點。所以做成了ajax非同步添加,我們平常用到的可能都是ajax非同步刪除、非同步修改,非同步添加可能稍微少點,下面看看我們的處理邏輯和核心程式碼吧。
這是我們資料添加的介面:
前端js程式碼如下:
[js] <script type="text/javascript"> function adddhm(){ var oid=$("input[name='oid']").val(); var uname=$("input[name='uname']").val(); var dhm=$("input[name='dhm']").val(); var _class=$("select[name='class']").val(); var otime=$("input[name='otime']").val(); if(!oid){ alert('订单号不能为空!'); return false; } if(!uname){ alert('用户名不能为空!'); return false; } if(!dhm){ alert('兑换码不能为空!'); return false; } if(!_class){ alert('适用课程不能为空!'); return false; } if(!otime){ alert('下单时间不能为空!'); return false; } $.ajax({ type:"POST", data:{oid:oid,uname:uname,dhm:dhm,class:_class,otime:otime}, url:"{:url('add')}", success:function(data){ alert(data.msg); } }); $("#myform")[0].reset() ; return false; } </script> [/js]
下面是我們接受到資料後的添加邏輯:
[php] public function add() { if(request()->isPost()){ $_data=input('post.'); $data=array(); foreach ($_data as $k => $v) { $data[$k]=trim($v); } $validate = validate('dhm'); if(!$validate->check($data)){ $msg=$validate->getError(); return json(['error'=>2,'msg'=>$msg]); } $add=db('dhm')->insert($data); if($add){ return json(['error'=>0,'msg'=>'添加成功!']); }else{ return json(['error'=>1,'msg'=>'添加失败,请重新添加!']); } return; } return view(); } [/php]
相關推薦:
以上是tp5框架ajax異步添加資料的程式碼實現的詳細內容。更多資訊請關注PHP中文網其他相關文章!