json
<script type="text/javascript">
$(function(){
$("#demoForm").formwizard({
formPluginEnabled: true,
validationEnabled: true,
focusFirstInput : true,
formOptions :{
success: function(data){$("#status").fadeTo(500,1,function(){ $(this).html("You are now registered!").fadeTo(5000, 0); })},
beforeSubmit: function(data){$("#data").html("data sent to the server: " + $.param(data));},
dataType: 'json',
resetForm: true
}
}
);
});
</script>
ผมโหลด code มา แล้วต้องการเอาข้อมูลที่ได้ ส่งเข้าฐานข้อมูลทำไงหรอคับ ผมไม่เข้าใจ code อ่าคับ ช่วยอธิบาย code ให้ผมพอเข้าใจด้วยก็ได้ครับ ขอบคุณครับ
$(function(){
$("#demoForm").formwizard({
formPluginEnabled: true,
validationEnabled: true,
focusFirstInput : true,
formOptions :{
success: function(data){$("#status").fadeTo(500,1,function(){ $(this).html("You are now registered!").fadeTo(5000, 0); })},
beforeSubmit: function(data){$("#data").html("data sent to the server: " + $.param(data));},
dataType: 'json',
resetForm: true
}
}
);
});
</script>
ผมโหลด code มา แล้วต้องการเอาข้อมูลที่ได้ ส่งเข้าฐานข้อมูลทำไงหรอคับ ผมไม่เข้าใจ code อ่าคับ ช่วยอธิบาย code ให้ผมพอเข้าใจด้วยก็ได้ครับ ขอบคุณครับ
จะบันทึกลงฐานข้อมูลก็ต้องที่ php สิครับ คำสั่งที่แสดงมีแต่ Javascript ที่เกี่ยวข้องกับฟอร์ม ให้ลองใช้คำสั่ง print_r($_POST) ดูที่ไฟล์ php ที่ submit ไปครับ
ปล. ถ้าหาไฟล์ php ที่เกี่ยวข้องไม่เจอ ลองสร้าง ไฟล์ ที่ชื่อเดียวกับ action ของ form ดูครับ ส่วนการทำงานของโค้ด ต้องถามผู้เขียนโค้ดละครับ หรือไม่ก็ต้องแกะเอาจากโค้ดที่เกี่ยวข้อง (Javascript)
ปล.ค่าที่มันแสดงออกมา หลัง submit เป็นแบบนี้ครับ
data sent to the server: firstname=dgdfgdf&surname=gdfgdfg&nickname=dfgdfg&day=DD&month=MM&year=YYYY&lastFour=XXXX&countryPrefix=%2B358&areaCode=&phoneNumber=&myemail=s%40s.s&username=sfsdf&password=sdfsdf&retypePassword=sdfsdf
ผมแค่อยากดึงค่า ส่วนนี้มาแปลงเป็น php เพื่อส่งเข้า DB เท่านั้นอ่าครับ ไงก็ ขอบคุณมากแล้วครับ
ถ้าไม่อยากให้มันแสดงก็เอาบรรทัดนี้ออกครับ
beforeSubmit: function(data){$("#data").html("data sent to the server: " + $.param(data));},
แล้วก็เปลี่ยน form เป็นแบบนี้ครับ
<form id="demoForm" method="post" action="json.php" class="bbq">
แล้วเปลี่ยน json.html เป็น json.php ครับ
ส่วนไฟล์ json.php เราก็รับข้อมูลมาครับ
$firstname=$_POST['firstname'];
$surname=$_POST['surname'];
$day=$_POST['day'];
$month=$_POST['month'];
$year=$_POST['year'];
$lastFour=$_POST['lastFour'];
$countryPrefix=$_POST['countryPrefix'];
$areaCode=$_POST['areaCode'];
$phoneNumber=$_POST['phoneNumber'];
$myemail=$_POST['myemail'];
$username=$_POST['username'];
$password=$_POST['password'];
$retypePassword=$_POST['retypePassword'];
แล้วก็ เช็คค่า
ตามด้วย query
ส่วนบรรทัดนี้
success: function(data){$("#status").fadeTo(500,1,function(){ $(this).html("You are now registered!").fadeTo(5000, 0); })},
หมายถึง
เมื่อเราส่งค่าไปที่ sever ได้รับการตอบรับมาให้แสดงค่า You are now registered! คือ .html ของ javascript
ที่ อิลิเมน id =status ^^
Enjoy !!
:)
ขอบคุณมากครับ
ส่วนใหญ่ puin ของ jquery จะชอบเอาชื่อ puinมาสร้างเป็น Object ครับ
เช่น puin ตัวนี้ $("#demoForm").formwizard({
formwizard เป็นชื่อ puin ครับ