ThinkPHPに組み込まれたThinkAjaxを使った非同期送信技術の実装方法

不言
リリース: 2023-03-30 09:04:01
オリジナル
1365 人が閲覧しました

この記事は主に ThinkPHP の組み込み ThinkAjax を使用した非同期送信技術の実装方法を紹介しています。これは、必要な友人に共有されています。

ThinkAjax の使い方は多くの初心者にとって少し不便です。私も時間をかけて詳しく調べたので、勉強メモを作成しました。準備:

① まず、その使用方法を知る必要があります。ThinkPHP フレームワークを使用します。

② ajax の基本的な知識を持っていることが最善です (Xiao Fei の他のブログ投稿: Ajax real を参照してください)。 -「ユーザー名/メールアドレスなど」が既に存在するかどうかの検証)
③ 4つのjsドキュメント (無料ポイントを取得するにはここをクリックしてダウンロード)
まずソースコードを貼り付けます:


コードをコピーします

コードは次のとおりです:

<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>
ログイン後にコピー
コードの説明:

「Check」ボタンの onclick イベントを追加します。ボタンがクリックされたときに、checktitle() 関数を呼び出します。

checktitle 関数では、ThinkAjax オブジェクトのメンバー メソッド send のみを使用しました。 send:function(url,pars,response,target,tips,effect){……}
ThinkAjax.send メソッドには合計 6 つのパラメータがあることがわかります:
パラメータ url: サーバー上のどのメソッドが送信されるかを示します。クライアントブラウザから送信されたデータを処理のために「現在のモジュールのchecktitleメソッド」に送信します。 パラメータpars: 過去のデータを示す文字列です。このパラメータは、ポスト モードで値を渡すためにのみ使用されます。 パラメータ応答: コールバック関数が定義されている場合、サーバが送信されたデータを処理した後、データが渡されます。処理用のコールバック関数。コールバック関数には、①data②statusの2つのパラメータがあります。 パラメータデータ:サーバーが処理したデータをデータに代入します。 パラメータステータス:処理後のステータス情報を示します。1は成功を意味し、0は失敗を意味します
パラメータターゲット:処理されたデータが保存される場所を示します表示 (または出力) の場合、例: このパラメータを checkbox として割り当てます。これは、処理されたデータが id="checkbox" のラベルに出力されることを意味します
現在のモジュールの checktitle メソッドのソース コード:



コードをコピーします
コードは次のとおりです:

<?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;); 
} 
} 
} 
?>
ログイン後にコピー

関連する推奨事項:

Ajax を使用して ThinkPHP で JSON データを受信する方法

thinkPHP に基づく WeChat カスタム共有関数


以上がThinkPHPに組み込まれたThinkAjaxを使った非同期送信技術の実装方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート