首頁 > 後端開發 > php教程 > tp5框架ajax異步添加資料的程式碼實現

tp5框架ajax異步添加資料的程式碼實現

不言
發布: 2023-04-03 20:40:01
原創
3043 人瀏覽過

這篇文章帶給大家的內容是關於tp5框架ajax非同步添加資料的程式碼實現,有一定的參考價值,有需要的朋友可以參考一下,希望對你有幫助。

ajax非同步無刷新處理資料的使用者體驗還是不錯的,在我們的專案開發中算是經常使用到的一個知識點。所以做成了ajax非同步添加,我們平常用到的可能都是ajax非同步刪除、非同步修改,非同步添加可能稍微少點,下面看看我們的處理邏輯和核心程式碼吧。

這是我們資料添加的介面:

tp5框架ajax異步添加資料的程式碼實現

前端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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板