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]

로그인 후 복사