|
 |
| |
ต้องการกรอกค่าใน textbox แล้วทำให้ textbox ช่องอื่นนั้น ถูกดึงค่า มาจาก sql โดยอัตโนมัติ ครับ |
| |
 |
|
|
 |
 |
|
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>การใช้งาน jQuery getJSON</title>
<!-- โหลด library jquery จาก google -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
// กำหนดให้ประมวลผล jquery ในส่วนนี้ตอนโหลด
$(function() {
// เช็ค event ของ element ปุ่มที่มี id="button"
$('#button').click(function() {
// ใช้ jquery getJSON เพื่อให้ข้อมูลที่ response กลับมาอยู่ในรูปแบบของ json
// แล้วสามารถนำไปกำหนดให้กับ อุปกรณ์ที่มี id ตามด่านล่าง
$.getJSON('getJSON.php', { id: $('#id').val() },
// ฟังชัน call back
function(json){
// เอาค่าที่ได้จาก json.name ไปใส่ให้กับ textbox id name
$('#name').val(json.name);
// เอาค่าที่ได้จาก json.sname ไปใส่ให้กับ textbox id sname
$('#sname').val(json.surname);
});
});
});
</script>
<style type="text/css">
body {
font: 13px Arial, Helvetica, sans-serif;
}
form ul {
list-style: none;
}
form ul li {
padding: 2px;
}
form ul li label {
width: 80px;
float:left;
text-align:right;
padding-right: 5px;
}
</style>
</head>
<body>
<form>
<ul>
<li><label>รหัส :</label><input type="text" name="id" id="id" /><input type="button" name="button" id="button" value="submit" /></li>
<li><label>ชื่อ :</label><input type="text" name="name" id="name" /></li>
<li><label>นามสกุล :</label><input type="text" name="sname" id="sname" /></li>
</ul>
</form>
</body>
</html>
getJSON.php
<?php
/* --- Configuration connect to server ---- */
$serv_name = "localhost";
$dbas_name = "";
$user_name = "";
$user_pass = "";
$conn = @mysql_connect($serv_name, $user_name, $user_pass) or die
("ERROR : ไม่สามารถติดต่อเซิฟเวอร์ ได้ค่ะ!!!<br /> Mysql report : ".mysql_error()); # Create connection
@mysql_select_db($dbas_name, $conn) or die
("ERROR: ไม่สามารถเลือกฐานข้อมูล ได้ค่ะ!!!<br /> Mysql report : ".mysql_error()); # Select database
@mysql_query("SET NAMES UTF8") or die
("ERROR : ไม่สามารถเซ็ตอ็นโค๊ดดิ้ง ได้ค่ะ!!!<br /> Mysql report : ".mysql_error()); # SET database encoding
// แสดงตัวแปร get ที่ส่งมา ส่วนนี้ต้องเปิดดูกับ console ของ firebug นะครับ
// echo '<pre>'; print_r($_GET); echo '</pre>';
$id = isset($_GET['id']) ? $_GET['id'] : 1;
$result = mysql_query("SELECT * FROM users WHERE user_id = '$id'");
$json = mysql_fetch_assoc($result);
// แปลงตัวแปรที่ get มาได้ให้อยู่ในรูปแบบของ json
echo json_encode($json);
?>
Demo
|
ประวัติการแก้ไข
2010-08-12 18:17:36
 |
 |
 |
 |
| Date :
2010-08-12 18:16:22 |
By :
DS_Ohm |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
ถ้าค่าที่ select ได้มีมากกว่า 1 แถว ต้องทำยังไงอ่ะครับ
|
| |
|
|
| |
| Date :
2010-10-10 03:21:46 |
By :
mozilla9889 |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 05
|
