PHP+Mysql+Ajax+JSで道州市の3階層連携を実現_PHPチュートリアル

基本的な考え方は、JS で選択コントロールのオプションを動的に作成し、SQL データベースから取得した州と都市の情報を Ajax を介して取得するというものです。 コードは少し長いですが、メソッドなど多くは似ています。 JS で州、市、地区を取得する方法 同様に、PHP では、さまざまなパラメータを通じてさまざまな選択ステートメントが実行されます。

index.html コード:

コードをコピーします コードは次のとおりです: "http://www.w3.org /TR/xhtml1 /DTD/xhtml1-transitional.dtd"> 三-州と市区町村間のレベルの連携

を選択してください市区町村

thumbnails.js コード:

コードをコピーします

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

window.onload = getProvince;

}

function getProvince() {//すべての州を取得します request = createRequest(); if (request == null) { alert("Unable to create request"); return; } var url= "getDetails.php?ID=0";//ID=0 が PHP に渡されると、すべての州を取得します request.open("GET", url, true); request .onreadystatechange = displayProvince; // コールバック関数を設定します request.send(null) // リクエストを送信します }

function getCity (id){// 州に対応する都市を取得します request = createRequest(); if (request == null) { alert("リクエストを作成できません"); return; } var url= " getDetails.php?ID= +エスケープ(id); request.open("GET", url, true); request.onreadystatechange = displayCity; request.send(null); }

function getCounty(id) ){//都市に対応する地区を取得します request = createRequest(); if (request == null) { alert("リクエストを作成できません"); return; } var url= "getDetails. php?ID= +エスケープ(id); request.open("GET", url, true); request.onreadystatechange = displayCounty; request.send(null); }

function displayProvince() { //取得したデータを select に動的に追加します if (request.readyState == 4) { if (request. status == 200) { var a=new Array; var b=request.responseText;// PHP から b に返されるデータ a=b.split(",");//「,」を渡す このデータは配列 a document.getElementById("sheng").length=1; var obj=document に格納されます.getElementById("sheng'); for(i=0;i obj.options.add( new Option(a[i],i+1)); // OPTION を動的に生成し、選択に追加します。パラメータは Text で、2 番目のパラメータは Value. status == 200) { var a=new Array; var b=request.responseText ; a=b.split(","); document.getElementById("shi").length=1;//再選択 document.getElementById("xian").length=1;//再選択 if(document.getElementById("sheng").value!="province"){ var obj=document.getElementById('shi'); for(i=0;i ) obj.options.add(new Option( a[i], document.getElementById("sheng").value*100+i+1)); //ocument.getElementById(" sheng").value*100+i+1 は都市 ID に対応します。 }

} } }

function displayCounty() {//取得したデータをselect if (request.readyState == 4) { if (request.status == 200) { var a = new Array; var b=request.responseText; a=b.split(","); document.getElementById("xian").length=1; if(document.getElementById("sheng").value !="province"&&document.getElementById("shi").value!="city"){ var obj=document.getElementById('xian'); for(i=0;i obj.options.add (新しいオプション(a[i],i+1001)); getDetails.php コード:

コードをコピーします

コードは次のとおりです: header("Content-Type: text/html; charset=gb2312"); $conn = new COM("ADODB.Connection") または die("ADO を開始できません"); $connstr = "プロバイダー = SQLOLEDB;永続セキュリティ情報 = False;ユーザー ID = root;パスワード = 123456;初期カタログ = エリア;データ ソース = localhost";

if($_REQUEST['ID']==0){//州のリストを取得します $conn->Open($connstr) //データベース接続を確立します $sqlstr = "州から名前を選択します" ; // クエリ文字列を設定します $rs = $conn->Execute($sqlstr) // クエリを実行して結果を取得します $num_cols = $rs->Fields->Count();データセットの列数を取得します $Province=array(); $i=0; while (!$rs->EOF) { $Province[$i]=$rs->Fields['name ']->Value." ,"; $rs->MoveNext(); $i++; } foreach($Province as $val) echo $val; $conn->Close() ; $rs = null; $conn = null; } if($_REQUEST['ID']>0&&$_REQUEST['ID'] $conn->Open($connstr); //データベース接続を確立します $sqlstr = "select name from City where cid=".$_REQUEST['ID'] //クエリ文字列を設定します $rs = $conn->Execute($sqlstr); //実行結果を取得するクエリ $num_cols = $rs->Fields->Count(); //データセット内の列数を取得します $City=array(); $i=0; while (!$rs->EOF) { $City[$i]=$rs->フィールド['name']->値。","; $rs->MoveNext(); $ i++; } foreach($City as $ val) echo $val; $conn->Close(); $rs = null; $conn = null; }

if($_REQUEST['ID']>100){//州と市に対応する郡のリストを取得します $conn->Open($connstr) //データベース接続を確立します $sqlstr = "select name from County where cid=".$_REQUEST['ID'] //クエリ文字列を設定します $rs = $conn->Execute($sqlstr); //クエリを実行して結果を取得します $ num_cols = $rs->Fields ->Count(); //データセット内の列数を取得します $County=array(); $i=0; while (!$rs->EOF ) { $County[$i]=$rs ->Fields['name']->Value.","; $rs->MoveNext(); $i++; } foreach($ $val) echo $val; $ conn->Close(); $rs = null; $conn = null; } ?>

データベース設計、テーブル 州テーブル、市テーブル、郡テーブル。 要件: 省テーブルには ID と名前が必要です。ID は 1 ～ 34 であることが推奨されます。たとえば、北京 ID は 1、広東省 ID は 2 などです。 市テーブルには ID、名前が必要です。たとえば、cid が 2 の場合、深センの id は 201 になります。 County テーブルには id、name、cid が必要です。これは 3 レベルの関係であるため、id は 10001 から任意に増やすことが推奨されます。たとえば、宝安区の cid は 201、龍崗区の cid も 201 です。

スクリーンショット:

HTML 効果:

完了後の結果:

注: PHP はサーバー側であり、Web サイトを公開した後、IP を通じてデバッグすることをお勧めします。

http://www.bkjia.com/PHPjc/774993.html www.bkjia.com 本当 http://www.bkjia.com/PHPjc/774993.html 技術記事 基本的な考え方は、JS で選択コントロールのオプションを動的に作成し、Ajax を介して PHP の SQL データベースから取得した州と市の情報を取得するというものです。 コードは少し長いですが、多くは似ています。 JS...