ใช้ jQuery post ข้อมูลจากฟอร์ม ด้วย Ajax serialize

Jquery & Ajax Knowledge ความรู้เกี่ยวกับ Javascript , Jquery ม Ajax

Moderators: mindphp, ผู้ดูแลกระดาน

User avatar
mindphp
ผู้ดูแลระบบ MindPHP
ผู้ดูแลระบบ MindPHP
Posts: 25213
Joined: 22/09/2008 6:18 pm
Contact:

ใช้ jQuery post ข้อมูลจากฟอร์ม ด้วย Ajax serialize

Post by mindphp »

ตัวอย่างฟอร์ม HTML

Code: Select all

<form name="frm" method="POST" action="">
 <input type="text" name="name" id="name" value="" />
 <input type="text" name="last_name" id="last_name" value="" />
 <input type="submit" name="Update" id="update" value="Update" />
</form>
jQuery

Code: Select all

$("#update").click(function(e) {
  e.preventDefault();
  var name = $("#name").val(); 
  var last_name = $("#last_name").val();
  var dataString = 'name='+name+'&last_name='+last_name;
  $.ajax({
    type:'POST',
    data:dataString,
    url:'insert.php',
    success:function(data) {
      alert(data);
    }
  });
});

Code: Select all

<?php
  $name = $_POST['name'];
  $last_name = $_POST['last_name'];
  $insert = "insert into TABLE_NAME values('$name','$last_name')";// Do Your Insert Query
  if(mysql_query($insert)) {
   echo "Success";
  } else {
   echo "Cannot Insert";
  }
?>
:mrgreen: เรียนรู้วิธีการใช้งาน jQuery ได้ที่
:arrow: บทเรียนที่ 1
:arrow: บทเรียนที่ 2
ติดตาม VDO: http://www.youtube.com/c/MindphpVideoman
ติดตาม FB: https://www.facebook.com/pages/MindphpC ... 9517401606
หมวดแชร์ความรู้: https://www.mindphp.com/forums/viewforum.php?f=29
รับอบรม และพัฒนาระบบ: https://www.mindphp.com/forums/viewtopic.php?f=6&t=2042

User avatar
mindphp
ผู้ดูแลระบบ MindPHP
ผู้ดูแลระบบ MindPHP
Posts: 25213
Joined: 22/09/2008 6:18 pm
Contact:

Re: ใช้ jQuery post ข้อมูลจากฟอร์ม ด้วย Ajax serialize

Post by mindphp »

ถ้าฟอร์มเก็บข้อมูลมี หลาย field สามารถใช้

Code: Select all

 var form = $('#add_way');
  var dataString = form.serialize();
แทน

Code: Select all

  var dataString = 'name='+name+'&last_name='+last_name;
ติดตาม VDO: http://www.youtube.com/c/MindphpVideoman
ติดตาม FB: https://www.facebook.com/pages/MindphpC ... 9517401606
หมวดแชร์ความรู้: https://www.mindphp.com/forums/viewforum.php?f=29
รับอบรม และพัฒนาระบบ: https://www.mindphp.com/forums/viewtopic.php?f=6&t=2042

Post Reply
  • Similar Topics
    Replies
    Views
    Last post

Return to “Jquery & Ajax Knowledge”

Who is online

Users browsing this forum: No registered users and 6 guests