การใช้ AJAX สร้าง Sign up Form Part II

คราวที่แล้ว เราพูดถึงเรื่องการสร้าง Form จาก AJAX ครับ ต่อมา มีผู้ใช้งาน DeeMocDiy บางท่าน ส่งอีเมลมาถึง

Mr. Moc ให้ช่วยเขียนถึงเรื่องการเพิ่ม Field เข้าไป form ที่เราได้สร้างเอาไว้แล้ว ส่วนจะสนุกสนานเพียงใด มาดูกันได้ครับ

1. ก่อนอื่น เพิ่ม Fileds ที่เราต้องการก่อน:

<code><label>Psssword </label><input type=’password’ id=’password’ name=’password’/></code>

<code><label>Confirm PAssword</label><input type=’confirm_password’ id=’confirm_password’ name=’confirm_password’/></code>

2. เพิ่มการดักจับและเอาข้อมูลจาก Text Field ที่เราเพิ่มขึ้น

var password = document.getElementById(’password’).value;
var confirm_password = document.getElementById(’ confirm_password’).value;

3. เพิ่มส่วนของการส่งข้อมูลไปยัง ปลายทางของ AJAX message
url=url+”&password=”+password;
url=url+”& confirm_password=”+confirm_password;

4. จากนั้นตรงปลายทาง “signup.php”

สำหรับ Code PHP ที่เราเอาไว้รับ Sign up data เป็นดังนี้ (signup.php)

echo “Name : “.$_REQUEST['first_name'].” “.$_REQUEST['last_name'].” ”;

echo “Email : “.$_REQUEST['email'].”
”;

echo “Password : “.$_REQUEST['password'].”
”;

echo “Confirm password: “.$_REQUEST['confirm_password'].”
”;

?>
เพียงเท่านี้ เราก็สามารถเพิ่ม Field เข้าไปใน AJAX Form ได้แล้วครับผม
คราวหน้า หากท่านผู้ใช้ DeeMocDIY ท่านใด มีข้อสงสัยเรื่อง Programming ทาง Mr.Moc ยินดีตอบทุกคำถามนะครับ

	DeeMoc หวังว่าคุณคงได้รับประโยชน์จาก Blog ของเรา ซึ่งหากคุณสนใจทดลองใช้บริการของเรา จะรอช้าอยู่ใย

AJAX Form