Comment implémenter la technologie de transmission asynchrone à l'aide de ThinkAjax intégré à ThinkPHP

Cet article présente principalement la méthode de mise en œuvre de la technologie de transmission asynchrone utilisant le ThinkAjax intégré de ThinkPHP. Il a une certaine valeur de référence. Maintenant, je le partage avec vous. Les amis dans le besoin peuvent se référer à

ThinkPHP. site officiel Le document ne précise pas comment utiliser ThinkAjax, ce qui rend son utilisation peu pratique pour de nombreux débutants. J'ai appris cela aujourd'hui et j'ai rencontré de nombreux problèmes. J'ai pris le temps de l'étudier en profondeur et j'espère que ce sera le cas. être utile aux débutants

Préparation :
① Tout d'abord, vous devez être capable d'utiliser le framework ThinkPHP
② Il est préférable d'avoir quelques bases d'ajax (vous pouvez consulter l'autre blog de Xiaofei post : vérification Ajax en temps réel de "nom d'utilisateur/e-mail, etc." Existe déjà)
③ 4 documents js (cliquez ici pour télécharger gratuitement)
Collez d'abord le code source :

Copiez le code Le code est le suivant :

<script type="text/javascript" src="__PUBLIC__/js/base.js"></script> 
<script type="text/javascript" src="__PUBLIC__/js/prototype.js"></script> 
<script type="text/javascript" src="__PUBLIC__/js/mootools.js"></script> 
<script type="text/javascript" src="__PUBLIC__/js/Ajax/ThinkAjax.js"></script> 
<script type="text/javascript"> 
function checktitle() 
{ 
ThinkAjax.send(&#39;__URL__/checktitle&#39;,&#39;ajax=1&title=&#39;+$(&#39;title&#39;).value,&#39;&#39;,&#39;checkbox&#39;); 
} 
</script> 
<form action="__URL__/insert" method="post" id="myform"> 
<table> 
<tbody> 
<tr> 
<td width="45" class="tRight">标题：</td> 
<td> 
<input type="text" id="title" name="title"> 
<input type="button" value="检查" onClick="checktitle();"> 
</td> 
<td> 
<span id="checkbox"></span> 
</td> 
</tr> 
</tbody> 
</table> 
</form>

Explication du code :
Ajoutez un événement onclick pour le bouton "Vérifier" Lorsque le bouton est cliqué, appelez la fonction checktitle()
Dans la fonction checktitle, nous utilisons uniquement les membres de l'objet ThinkAjax. Method send
　send:function(url,pars,response,target,tips,effect){……}
On peut voir que la méthode ThinkAjax.send a 6 paramètres :
URL du paramètre : indique que le client doit être envoyé. Les données transmises depuis le navigateur final sont soumises à quelle méthode sur le serveur je les soumets ici. à la "méthode checktitle sous le module actuel" pour le traitement
Paramètre pars : équivalent à la chaîne de paramètre dans la méthode d'envoi en ajax, indiquant ce qui est requis Soumettre les données passées. Ce paramètre n'est utilisé que pour transmettre des valeurs. mode post.
Réponse du paramètre : fonction de rappel personnalisée. Si la fonction de rappel est définie, une fois que le serveur a traité les données soumises, il transmettra les données traitées. La fonction de rappel a deux paramètres : ①data②status Données de paramètre : Attribue les données traitées par le serveur aux données Statut du paramètre : Indique les informations d'état après le traitement, 1 signifie succès, 0 signifie échec
Cible du paramètre : Indique les données traitées Où afficher (ou sortie), par exemple : j'attribue ce paramètre à : checkbox, ce qui signifie que les données traitées seront sorties dans le label avec id="checkbox"
Code source de la méthode checktitle sous le module actuel :

Copier le code Le code est le suivant :

<?php 
class IndexAction extends Action 
{ 
// 首页 
public function index(){ 
$this->display(); 
} 
// 检查标题是否可用 
public function checkTitle() 
{ 
if(!empty($_POST[&#39;title&#39;])) 
{ 
$Form = D("Form"); 
if($Form->getByTitle($_POST[&#39;title&#39;])) 
{ 
$this->error(&#39;标题已经存在&#39;); 
} 
else 
{ 
$this->success(&#39;标题可以使用!&#39;); 
} 
} 
else 
{ 
$this->error(&#39;标题不能为空...&#39;); 
} 
} 
} 
?>

Recommandations associées :

Utiliser ajax pour recevoir des données json dans ThinkPHP Méthode

Fonction de partage personnalisée WeChat implémentée sur la base de 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!