GORAGOD.com

freelance, web developer, web designer, hosting, domain name

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 ให้ผมพอเข้าใจด้วยก็ได้ครับ ขอบคุณครับ

28 เม.ย. 2554 6 2,335

555+++ จะรู้มั้ยเนี่ย....



จะบันทึกลงฐานข้อมูลก็ต้องที่ php สิครับ คำสั่งที่แสดงมีแต่ Javascript ที่เกี่ยวข้องกับฟอร์ม ให้ลองใช้คำสั่ง print_r($_POST) ดูที่ไฟล์ php ที่ submit ไปครับ



ปล. ถ้าหาไฟล์ php ที่เกี่ยวข้องไม่เจอ ลองสร้าง ไฟล์ ที่ชื่อเดียวกับ action ของ form ดูครับ ส่วนการทำงานของโค้ด ต้องถามผู้เขียนโค้ดละครับ หรือไม่ก็ต้องแกะเอาจากโค้ดที่เกี่ยวข้อง (Javascript)



#1

55+ ขอบคุณครับ

ปล.ค่าที่มันแสดงออกมา หลัง 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 เท่านั้นอ่าครับ ไงก็ ขอบคุณมากแล้วครับ
#2

55

ถ้าไม่อยากให้มันแสดงก็เอาบรรทัดนี้ออกครับ

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 !!

:)


#3


ขอบคุณมากครับ


#4

เออ...เขารู้กันได้ไงเนี่ย :46:
#5

อ้างอิงจาก ความคิดเห็น #5เออ...เขารู้กันได้ไงเนี่ย :46:


:28:ส่วนใหญ่ puin ของ jquery จะชอบเอาชื่อ puinมาสร้างเป็น Object ครับ

เช่น puin ตัวนี้     $("#demoForm").formwizard({

formwizard เป็นชื่อ puin ครับ
#6
ความคิดเห็น
ไฟล์อัปโหลด ชนิด jpg, jpeg ขนาดไฟล์ไม่เกิน 2M
^