コードは次のとおりです:
$('#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_id+"'>"+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.htmlwww.bkjia.comtruehttp://www.bkjia.com/PHPjc/770583.html技術記事 1つ目はデータベースの設計です。分類テーブルは、cate と呼ばれます。私が行っているのは、分類されたデータの第 2 レベルのリンクです。データに必要なフィールドは、id、name (中国名)、pid (親 ID) の設定です。データはアップロードされていません...
