โดย หนูหน่อยค่ะ » 23/10/2010 4:05 pm
คือว่าหนูจะเขียนเว็บ ใช้เทคนิค ajax ได้โค้ดมาจากหนังสือคะ แต่ว่า มันไม่เปลี่ยนหน้าค่ะ ไม่เข้าฐานข้อมูลด้วย
create_table_member
<?php
$dblink = mysql_connect("localhost", "root", "123");
mysql_query("USE ajax;");
//ฐานข้อมูลชื่อ "ajax" เราได้สร้างไว้ตั้งแต่บทก่อนๆ หากยังไม่มีต้องสร้างขึ้นก่อน
$sql = <<<SQL
CREATE TABLE member(
id SMALLINT NOT NULL AUTO_INCREMENT,
login VARCHAR(30),
password VARCHAR(20),
email VARCHAR(100),
name VARCHAR(50),
UNIQUE(login),
PRIMARY KEY(id)
);
SQL;
$qry = mysql_query($sql);
if(!$qry) {
echo "การสร้างตาราง: member ผิดพลาด";
}
else {
echo "การสร้างตาราง: member เสร็จเรียบร้อย";
}
mysql_close($dblink);
?>
หน้า index.php
<?php
session_start();
?>
<html>
<head>
<script src="/ajaxbook/ajax_framework.js"> </script>
<script>
function ajaxSubmit() {
var action = document.getElementById('bt').value;
var data = "";
var URL = "";
if(action=="เข้าสู่ระบบ") {
data = getFormData("frm");
URL = "member_login_ss.php";
}
else {
data = "x=1";
URL = "member_logout_ss.php";
}
ajaxLoad('post', URL, data, 'msg');
}
function hideForm() {
document.getElementById('frm').reset();
document.getElementById('frm').style.display = 'none';
document.getElementById('msg').innerHTML = "ท่านเข้าสู่ระบบแล้ว";
document.getElementById('bt').innerHTML = "ออกจากระบบ";
}
function showForm() {
document.getElementById('frm').style.display = 'block';
document.getElementById('bt').innerHTML = "เข้าสู่ระบบ";
}
function getStoredLogin() {
var URL = "getcookie_ss.php";
var data = null;
ajaxLoad('post', URL, data, '');
}
</script>
</head>
<body style="text-align:center;">
<div id="msg" style="color:red"></div>
<div style="width:300px;background-color:#eeeeff;padding:10px;">
<form id="frm" name="frm">
ยังไม่ได้เป็นสมาชิก? <a href="member_info.php">สมัครได้ที่นี่</a><p>
<table>
<tr><td>Login:</td><td><input type="text" name="login"></td></tr>
<tr><td>Pswd:</td><td><input type="password" name="pswd"></td></tr>
<tr><td> </td><td><a href="forgot_pswd.html">ลืมรหัสผ่าน</a></td></tr>
<tr><td> </td><td><input type="checkbox" id="store_login">เก็บ Login ไว้ที่เครื่องนี้</td></tr>
</table>
</form>
<button id="bt" onclick="ajaxSubmit()">เข้าสู่ระบบ</button>
</div>
<?php
if(isset($_SESSION['login'])) {
echo "<script> hideForm(); </script>";
}
else {
echo "<script> showForm(); </script>";
}
?>
<a href="member_info.php">แก้ไขข้อมูล</a> -
<a href="member_delete.php">ยกเลิกการเป็นสมาชิก</a>
</body>
</html>
<script>
getStoredLogin();
</script>
หน้า member_info.php
<?php
session_start();
$id = "";
$login = "";
$password = "";
$email = "";
$name = "";
if(isset($_SESSION['uid'])) {
$dblink = mysql_connect("localhost", "root", "123");
mysql_query("USE ajax;");
$id = $_SESSION['uid'];
$sql = "SELECT * FROM member WHERE id = $id;";
$result = mysql_query($sql);
$member = mysql_fetch_array($result);
$login = $member['login'];
$password = $member['password'];
$email = $member['email'];
$name = $member['name'];
mysql_close($dblink);
}
?>
<html>
<head>
<script src="/ajaxbook/ajax_framework.js"> </script>
<script>
function ajaxSubmit() {
var data = getFormData("frm");
var URL = "member_info_ss.php";
ajaxLoad('post', URL, data, 'msg');
}
</script>
</head>
<body style="text-align:center;">
<h3>ข้อมูลสมาชิก</h3>
<form name="frm">
<input type="hidden" name="id" value="<?php echo $id; ?>">
<div id="msg" style="color:red;"></div>
<table bgcolor="#eeeeff">
<tr><td>Login:</td><td><input type="text" name="login" value="<?php echo $login; ?>"></td></tr>
<tr><td>Pswd:</td><td><input type="password" name="pswd" value="<?php echo $password; ?>"></td></tr>
<tr><td>Email:</td><td><input type="text" name="email" value="<?php echo $email; ?>"></td></tr>
<tr><td>ชื่อ:</td><td><input type="text" name="name" value="<?php echo $name; ?>"></td></tr>
<tr><td> </td><td><p><button onclick="ajaxSubmit()">ส่งข้อมูล</button></td></tr>
</table>
</form>
<p>
<a href="index.php">หน้าแรก</a>
</body>
</html>
คือว่าหนูจะเขียนเว็บ ใช้เทคนิค ajax ได้โค้ดมาจากหนังสือคะ แต่ว่า มันไม่เปลี่ยนหน้าค่ะ ไม่เข้าฐานข้อมูลด้วย
create_table_member
<?php
$dblink = mysql_connect("localhost", "root", "123");
mysql_query("USE ajax;");
//ฐานข้อมูลชื่อ "ajax" เราได้สร้างไว้ตั้งแต่บทก่อนๆ หากยังไม่มีต้องสร้างขึ้นก่อน
$sql = <<<SQL
CREATE TABLE member(
id SMALLINT NOT NULL AUTO_INCREMENT,
login VARCHAR(30),
password VARCHAR(20),
email VARCHAR(100),
name VARCHAR(50),
UNIQUE(login),
PRIMARY KEY(id)
);
SQL;
$qry = mysql_query($sql);
if(!$qry) {
echo "การสร้างตาราง: member ผิดพลาด";
}
else {
echo "การสร้างตาราง: member เสร็จเรียบร้อย";
}
mysql_close($dblink);
?>
หน้า index.php
<?php
session_start();
?>
<html>
<head>
<script src="/ajaxbook/ajax_framework.js"> </script>
<script>
function ajaxSubmit() {
var action = document.getElementById('bt').value;
var data = "";
var URL = "";
if(action=="เข้าสู่ระบบ") {
data = getFormData("frm");
URL = "member_login_ss.php";
}
else {
data = "x=1";
URL = "member_logout_ss.php";
}
ajaxLoad('post', URL, data, 'msg');
}
function hideForm() {
document.getElementById('frm').reset();
document.getElementById('frm').style.display = 'none';
document.getElementById('msg').innerHTML = "ท่านเข้าสู่ระบบแล้ว";
document.getElementById('bt').innerHTML = "ออกจากระบบ";
}
function showForm() {
document.getElementById('frm').style.display = 'block';
document.getElementById('bt').innerHTML = "เข้าสู่ระบบ";
}
function getStoredLogin() {
var URL = "getcookie_ss.php";
var data = null;
ajaxLoad('post', URL, data, '');
}
</script>
</head>
<body style="text-align:center;">
<div id="msg" style="color:red"></div>
<div style="width:300px;background-color:#eeeeff;padding:10px;">
<form id="frm" name="frm">
ยังไม่ได้เป็นสมาชิก? <a href="member_info.php">สมัครได้ที่นี่</a><p>
<table>
<tr><td>Login:</td><td><input type="text" name="login"></td></tr>
<tr><td>Pswd:</td><td><input type="password" name="pswd"></td></tr>
<tr><td> </td><td><a href="forgot_pswd.html">ลืมรหัสผ่าน</a></td></tr>
<tr><td> </td><td><input type="checkbox" id="store_login">เก็บ Login ไว้ที่เครื่องนี้</td></tr>
</table>
</form>
<button id="bt" onclick="ajaxSubmit()">เข้าสู่ระบบ</button>
</div>
<?php
if(isset($_SESSION['login'])) {
echo "<script> hideForm(); </script>";
}
else {
echo "<script> showForm(); </script>";
}
?>
<a href="member_info.php">แก้ไขข้อมูล</a> -
<a href="member_delete.php">ยกเลิกการเป็นสมาชิก</a>
</body>
</html>
<script>
getStoredLogin();
</script>
หน้า member_info.php
<?php
session_start();
$id = "";
$login = "";
$password = "";
$email = "";
$name = "";
if(isset($_SESSION['uid'])) {
$dblink = mysql_connect("localhost", "root", "123");
mysql_query("USE ajax;");
$id = $_SESSION['uid'];
$sql = "SELECT * FROM member WHERE id = $id;";
$result = mysql_query($sql);
$member = mysql_fetch_array($result);
$login = $member['login'];
$password = $member['password'];
$email = $member['email'];
$name = $member['name'];
mysql_close($dblink);
}
?>
<html>
<head>
<script src="/ajaxbook/ajax_framework.js"> </script>
<script>
function ajaxSubmit() {
var data = getFormData("frm");
var URL = "member_info_ss.php";
ajaxLoad('post', URL, data, 'msg');
}
</script>
</head>
<body style="text-align:center;">
<h3>ข้อมูลสมาชิก</h3>
<form name="frm">
<input type="hidden" name="id" value="<?php echo $id; ?>">
<div id="msg" style="color:red;"></div>
<table bgcolor="#eeeeff">
<tr><td>Login:</td><td><input type="text" name="login" value="<?php echo $login; ?>"></td></tr>
<tr><td>Pswd:</td><td><input type="password" name="pswd" value="<?php echo $password; ?>"></td></tr>
<tr><td>Email:</td><td><input type="text" name="email" value="<?php echo $email; ?>"></td></tr>
<tr><td>ชื่อ:</td><td><input type="text" name="name" value="<?php echo $name; ?>"></td></tr>
<tr><td> </td><td><p><button onclick="ajaxSubmit()">ส่งข้อมูล</button></td></tr>
</table>
</form>
<p>
<a href="index.php">หน้าแรก</a>
</body>
</html>