|
 |
| |
สอบถามการดึงข้อมูลตำบล อำเภอ จังหวัด จากฐานข้อมูล mysql ด้วย AJAX |
| |
 |
|
|
 |
 |
|
จะดึงข้อมูล ให้แสดงในข้อที่ 2 ต้องดึงตั้งค่ายัง ลองผิดลองถูก ผลออกมาไม่ยอมดึงมาให้Code (PHP)
<html>
<head>
<title>:: ตัวอย่าง ทำ AJAX ของ Drop Down Menu ที่ไว้เลือกจังหวัด อำเภอ ตำบล ของไทย ::</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script language=Javascript>
function Inint_AJAX() {
try { return new ActiveXObject("Msxml2.XMLHTTP"); } catch(e) {} //IE
try { return new ActiveXObject("Microsoft.XMLHTTP"); } catch(e) {} //IE
try { return new XMLHttpRequest(); } catch(e) {} //Native Javascript
alert("XMLHttpRequest not supported");
return null;
};
function dochange(src, val) {
var req = Inint_AJAX();
req.onreadystatechange = function () {
if (req.readyState==4) {
if (req.status==200) {
document.getElementById(src).innerHTML=req.responseText; //รับค่ากลับมา
}
}
};
req.open("GET", "locale.php?data="+src+"&val="+val); //สร้าง connection
req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded;charset=utf-8"); // set Header
req.send(null); //ส่งค่า
}
window.onLoad=dochange('province', -1);
</script>
</head>
<body>
<!-- ใส่ URL ของ send_data.php ที่บรรทัดด้านล่างด้วยนะครับ -->
<form name="sel" method="post" action="send_data.php">
ข้อ 1. <br>
จังหวัด : <font id="province"><select><option value="0">=========================</option></select></font>
อำเภอ : <font id="amphur"><select><option value='0'>=========================</option></select></font>
ตำบล : <font id="district"><select><option value='0'>=========================</option></select></font><br><br>
[font=Verdana]ข้อ 2. <br>[/font]
จังหวัด : <font id="province"><select><option value="0">=========================</option></select></font>
อำเภอ : <font id="amphur"><select><option value='0'>=========================</option></select></font>
ตำบล : <font id="district"><select><option value='0'>=========================</option></select></font>
<br><br><input type="submit" name="Submit" value="ส่งข้อมูล"> <INPUT type="reset" value="ยกเลิก">
</form>
<br>พัฒนาโดย : <a href="http://php-ajax-code.blogspot.com" target="_blank">http://php-ajax-code.blogspot.com</a>
<br>แก้ไขพัฒนาเพิ่มเติมให้สมบูรณ์แบบโดย : <a href="http://www.codetukyang.com" target="_blank">http://www.codetukyang.com</a>
<br>สร้าง & พัฒนาฐานข้อมูล จังหวัด อำเภอ ตำบล โดย : <a href="https://www.thaicreate.com" target="_blank">https://www.thaicreate.com</a>
</body>
</html>
Code (PHP)
<?
header("content-type: text/html; charset=utf-8");
header ("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
header ("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT");
header ("Cache-Control: no-cache, must-revalidate");
header ("Pragma: no-cache");
include "dbconfig.php";
conndb();
$data = $_GET['data'];
$val = $_GET['val'];
if ($data=='province') {
echo "<select style='width:150px' class='typebox-contact' name='province' onChange=\"dochange('amphur', this.value)\">\n";
echo "<option value='0'>=== เลือกจังหวัด ===</option>\n";
$result=mysql_db_query($dbname,"select * from province order by PROVINCE_LIST");
while($row = mysql_fetch_array($result)){
echo "<option value=\"$row[PROVINCE_ID]\" >$row[PROVINCE_NAME]</option> \n" ;
}
} else if ($data=='amphur') {
echo "<select style='width:150px' class='typebox-contact' name='amphur' onChange=\"dochange('district', this.value)\">\n";
echo "<option value='0'>=== เลือกอำเภอ ====</option>\n";
$result=mysql_db_query($dbname,"SELECT * FROM amphur WHERE PROVINCE_ID= '$val' ORDER BY AMPHUR_NAME");
while($row = mysql_fetch_array($result)){
echo "<option value=\"$row[AMPHUR_ID]\" >$row[AMPHUR_NAME]</option> \n" ;
}
} else if ($data=='district') {
echo "<select style='width:150px' class='typebox-contact' name='district'>\n";
echo "<option value='0'>=== เลือกตำบล ===</option>\n";
$result=mysql_db_query($dbname,"SELECT * FROM district WHERE AMPHUR_ID= '$val' ORDER BY DISTRICT_NAME");
while($row = mysql_fetch_array($result)){
echo "<option value=\"$row[DISTRICT_ID]\" >$row[DISTRICT_NAME]</option> \n" ;
}
}
echo "</select>\n";
echo mysql_error();
closedb();
?>
Code (PHP)
<?php
$conn;
$server = "localhost"; // มักเป็น localhost (กรณี Host ที่คุณใช้ไม่ได้กำหนดเป็นค่าอย่างอื่น)
$user = "root"; // Username ในการติดต่อฐานข้อมูล
$pass = "12345"; // Password ในการติดต่อฐานข้อมูล
$dbname = "policy"; // ชื่อฐานข้อมูลที่ได้สร้างไว้
function conndb() {
global $conn;
global $server;
global $user;
global $pass;
global $dbname;
$conn = mysql_connect($server,$user,$pass);
mysql_select_db($dbname) ;
mysql_db_query($dbname,"SET NAMES utf8");
if (!$conn)
die("ไม่สามารถติดต่อกับ MySQL ได้");
mysql_select_db($dbname,$conn)
or die("ไม่สามารถเลือกใช้งานฐานข้อมูลได้");
}
function closedb() {
global $conn;
mysql_close($conn);
}
?>
ขอบคุณครับ
Tag : PHP, Ajax
|
|
|
 |
 |
 |
 |
| Date :
2012-08-08 11:32:07 |
By :
ang_go |
View :
2675 |
Reply :
5 |
|
 |
 |
 |
 |
|
|
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
ในกระทู้เก่า ๆ มีของ jQuery + JSON น่ะครับ ลองหาดูครับ
|
| |
|
|
| |
| Date :
2012-08-08 13:28:56 |
By :
mr.win |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ขอบคุณครับ
|
| |
|
|
| |
| Date :
2012-08-08 13:37:35 |
By :
ang_go |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ทำได้แล้วครับ โดยใช้ทั้งสองตัวที่คุณ win แนะนำ
ขอบคุณครับ
|
| |
|
|
| |
| Date :
2012-08-09 15:15:23 |
By :
ang_go |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
 แจ่มครับ
|
| |
|
|
| |
| Date :
2012-08-09 15:42:35 |
By :
mr.win |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
อยากทราบว่าทำไงค่ะ แก้ยังไม่ได้เลยค่ะ
|
| |
|
|
| |
| Date :
2015-03-24 10:35:31 |
By :
gungging302 |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 01
|
