tp5 フレームワークにデータを非同期的に追加する ajax のコード実装-PHPチュートリアル-php.cn

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]

ログイン後にコピー