ThinkPHP の使用体験の共有 - ThinkPHP + Ajax で 2 レベルのリンクを実装するドロップダウンメニュー

最初はデータベースの設計です。分類表はcateと呼ばれます

私がやっていることは、機密データの二次リンクです。データに必要なフィールドは次のとおりです: id、name (中国名)、pid (親 ID)。

親IDの設定: データに上位階層がない場合、親IDは0です。上位階層がある場合、親IDは上位階層のIDとなります。

データベースにコンテンツが追加されたら、セカンダリ リンケージを実装するコードの作成を開始できます。

まず、バックグラウンド PHP で pid 0 のすべてのデータを取得し、それを $cate に保存し、次に foreach ループを使用して最初のレイヤーの に出力します。

HTMLコード:

コードをコピー コードは次のとおりです: タイプを選択してください " タグ:

Ajaxコード:

コードをコピーします コードは次のとおりです: $('#type').click(function(){ $(this).change(function(){ var objectModel = {}; var value = $(this).val(); 変数type = $(this).attr('id'); objectModel[type] =value; $.ajax({ cache:false, type:"P OST", url:site.web+"lable", データタイプ： "JSON"、 データ：ObjectModel、 タイムアウト：30000、 エラー：function（）{site.web+"lable"）; #lables").empty(); var count = data.length; var i = 0; var b=""; for(i=0;i b+=" "+data[i].ca_name+" "; } $("#lables").append(b); } }); }); } );

Ajax代码の最初の層の型変更後の触発、ajaxメソッドの主要なパラメータがあります 1.url:後台受信收ajax的地址；

2.data: 後台に転送されるデータ、通常は json を使用して転送されます。ここで転送されるのは、選択された中間クラスの ID 値です。

3.type:传递方法、有getおよびpost方法、我一般用post、可送输的データ比get多、安全性も高い；

4.error:ajax 実行失敗の方法；

5.success:ajax が成功する方法、つまり関数を返します。ここでは、実行が成功すると、最初にempty()を使用して2番目にダウンロードされたメニューの内容をクリアし、その後、後台から取得したデータを再出力します。 次は Thinkphp 受信 ajax データを処理する面です

复制代価

代価如下: //バックエンド Ajax 検証 $result = array(); $cate =$_POST['type']; $result = M('cate')->where(array('ca_pid'=> $cate))->field('ca_id,ca_name')->select(); $this->ajaxReturn($result,"JSON"); Thinkphp の I() メソッドは実際には $_POST[] と見なすことができ、ajax によって渡された最初のレベルの選択されたコンテンツの ID を取得し、そのサブクラスを取得し、ajaxReturn() を使用してそれを ajax に返します。 . 設定はこちら 返されるデータはjson形式なので、ajaxはjson形式でデータを受け取ります

ネイティブ PHP 戻りデータ メソッド:

コードをコピーします コードは次のとおりです: //検索結果は$result ..... echo json_encode($result); これで 2 レベルのリンク ドロップダウン メニューの実装が完了しました。URL が正しい必要があり、バックグラウンドで受信したときに戻り値が存在する必要があります。そうでない場合、ajax は成功メソッドを実行しません。

http://www.bkjia.com/PHPjc/770583.html www.bkjia.com true http://www.bkjia.com/PHPjc/770583.html 技術記事 1つ目はデータベースの設計です。分類テーブルは、cate と呼ばれます。私が行っているのは、分類されたデータの第 2 レベルのリンクです。データに必要なフィールドは、id、name (中国名)、pid (親 ID) の設定です。データはアップロードされていません...

ThinkPHP の使用体験の共有 - ThinkPHP + Ajax で 2 レベルのリンクを実装するドロップダウン メニュー_PHP チュートリアル

ThinkPHP の使用体験の共有 - ThinkPHP + Ajax で 2 レベルのリンクを実装するドロップダウンメニュー_PHP チュートリアル