Heim  >  Artikel  >  Backend-Entwicklung  >  So implementieren Sie asynchrone Übertragungstechnologie mit ThinkAjax, das in ThinkPHP integriert ist

So implementieren Sie asynchrone Übertragungstechnologie mit ThinkAjax, das in ThinkPHP integriert ist

不言
不言Original
2018-06-06 15:41:481314Durchsuche

Dieser Artikel stellt hauptsächlich die Implementierungsmethode der asynchronen Übertragungstechnologie unter Verwendung des integrierten ThinkAjax vor. Jetzt kann ich ihn mit Ihnen teilen

ThinkPHP Offizielle Website Das Dokument enthält keine Informationen zur Verwendung von ThinkAjax, was die Verwendung für viele Anfänger unpraktisch macht. Ich habe mir die Zeit genommen, es eingehend zu studieren, und hoffe, dass dies der Fall ist für Anfänger hilfreich sein

Vorbereitungsarbeit:
① Zunächst müssen Sie in der Lage sein, das ThinkPHP-Framework zu verwenden
② Am besten verfügen Sie über einige Grundlagen von Ajax (Sie können sich die anderen von Xiaofei ansehen). Blog-Beitrag: Ajax-Echtzeitüberprüfung von „Benutzername/E-Mail usw.“ existiert bereits)
③ 4 js-Dokumente (klicken Sie hier, um kostenlos herunterzuladen)
Fügen Sie zuerst den Quellcode ein:

Kopieren Sie den Code Der Code lautet wie folgt:

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

Code-Erklärung:
Fügen Sie ein Onclick-Ereignis für die Schaltfläche „Überprüfen“ hinzu die checktitle()-Funktion
In der checktitle-Funktion verwenden wir nur die Mitgliedsmethode send im ThinkAjax-Objekt
Senden: Funktion (URL, Pars, Antwort, Ziel, Tipps, Effekt) {...... }
Es ist ersichtlich, dass die ThinkAjax.send-Methode 6 Parameter hat:
Parameter-URL: Gibt an, dass der Client durchsucht werden soll. Mit welcher Methode auf dem Server sollen die vom Server übertragenen Daten hier zur Verarbeitung übermittelt werden? Ich sende es zur Verarbeitung an die „Checktitle-Methode unter dem aktuellen Modul“
Parameter pars: Entspricht der Parameterzeichenfolge in der Sendemethode in Ajax und gibt an, dass Daten übermittelt werden sollen. Dieser Parameter wird nur zum Übergeben verwendet Werte im Post-Modus
Parameterantwort: Benutzerdefinierte Rückruffunktion. Wenn die Rückruffunktion definiert ist, übergibt der Server die verarbeiteten Daten an die Rückruffunktion, nachdem sie verarbeitet wurde. Die Rückruffunktion verfügt über zwei Parameter: ①data②status Parameterdaten: Ordnen Sie die vom Server verarbeiteten Daten den Daten zu. Parameterstatus: Zeigt die Statusinformationen nach der Verarbeitung an. 1 bedeutet Erfolg, 0 bedeutet Fehler.
Parameterziel: Zeigt die verarbeiteten Daten an. Wo werden sie angezeigt? (oder Ausgabe), zum Beispiel: Ich weise diesen Parameter zu: checkbox, was bedeutet, dass die verarbeiteten Daten im Etikett mit id="checkbox"
Quellcode der checktitle-Methode unter dem aktuellen Modul ausgegeben werden:

Code kopieren Der Code lautet wie folgt:

<?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;); 
} 
} 
} 
?>

Verwandte Empfehlungen:

So verwenden Sie Ajax, um JSON-Daten in ThinkPHP zu empfangen

Benutzerdefinierte WeChat-Freigabefunktion basierend auf thinkPHP

Das obige ist der detaillierte Inhalt vonSo implementieren Sie asynchrone Übertragungstechnologie mit ThinkAjax, das in ThinkPHP integriert ist. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn