Maison  >  Article  >  développement back-end  >  Implémentation du code d'ajax en ajoutant des données de manière asynchrone dans le framework tp5

Implémentation du code d'ajax en ajoutant des données de manière asynchrone dans le framework tp5

不言
不言original
2018-08-20 16:41:093020parcourir

Ce que cet article vous apporte concerne l'implémentation du code d'ajax en ajoutant des données de manière asynchrone dans le framework tp5. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.

L'expérience utilisateur du traitement asynchrone ajax des données sans rafraîchissement est toujours bonne, et c'est un point de connaissance souvent utilisé dans le développement de nos projets. Ainsi, l'ajout asynchrone Ajax est effectué. Ce que nous utilisons habituellement peut être la suppression asynchrone Ajax et l'ajout asynchrone peut être légèrement inférieur. Jetons un coup d'œil à notre logique de traitement et à notre code de base.

Voici l'interface pour ajouter nos données :

Implémentation du code dajax en ajoutant des données de manière asynchrone dans le framework tp5

Le code js front-end est le suivant :

[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]

Le Ce qui suit est après réception des données. Logique d'ajout :

[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]

Recommandations associées :

Code de méthode tp5 pour le téléchargement d'images par lots

Colonnes infinies dans le code d'implémentation du tri thinkphp

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn