การส่งข้อมูลแบบ post ด้วย ajax ของ jquery

Bookmark and Share

HTML Code

<form id="form1" name="form1" method="post" action="">
  <p>ชื่อ
    <input type="text" name="name" id="name" />
    <br />
    อีเมลล์
    <input type="text" name="email" id="email" />
    <br />
    <input type="button" name="Send" id="Send" value="Send" />
  </p>
</form>

Javascript Code

<script language="javascript" src="js/jquery-1.2.6.min.js"></script>
<script type="text/javascript">
$(function(){
	$("input#Send").click(function(){
		var url="test.php"; // ไฟล์ที่ต้องการรับค้า
		var dataSet={ name: $("input#name").val(), email: $("input#email").val() }; // กำหนดชื่อและค่าที่ต้องการส่ง
		$.post(url,dataSet,function(data){
    		alert("แจ้งเเมื่อทำการส่งข้อมูลเรียบร้อยแล้ว");
 		 });
	});
});
</script>

ไฟล์ test.php สำหรับดำเนินการกับค่าที่รับจากฟอร์มที่ส่งมา

<?php
if(isset($_POST['name']) && $_POST['name']!=""){
	echo $_POST['name']; // ตัวอย่าง
}
?>



บทความในหมวดที่่น่าสนใจ อื่นๆ jQuery Learning

15 Nov 08 สร้าง Drag and Drop วัตถุด้วย jQuery โดยไม่ใช้ plug in อย่างง่าย อ่าน 3459 04 Mar 09 ใช้ jQuery ย้ายค่าระหว่าง multiple list box อย่างง่าย อ่าน 3446 25 Sep 08 Jquery javascript library มาแรง อ่าน 3246 14 Nov 08 สร้างป้ายโฆษณาเลื่อนตามจอภาพ ด้วย jquery ได้ในไม่กี่บรรทัด อ่าน 3141 25 Sep 08 มารู้จัก effect ของ jquery อย่างง่าย ตอนที่ 1 อ่าน 3135 25 Sep 08 เริ่มต้นกับ jquery อ่าน 2912 01 Feb 09 สร้างกล่องแจ้งข้อความ คล้าย MSN ด้วย jQuery อ่าน 2870 18 Oct 08 การประยุกต์ใช้ฟังก์ขัน after() กับ text input อ่าน 2739 17 Aug 09 สร้างเมนู เทคนิค ลูกตาปลา ด้วย jQuery อย่างง่าย อ่าน 2609 16 Nov 08 jQuery กับการจำกัดการเลือก checkbox อ่าน 2508 30 Dec 08 การใช้งาน ajax ใน jQuery อย่างง่าย อ่าน 2497 25 Sep 08 ซ่อนและแสดง เนื้อหาด้วย jquery แบบ Basic อ่าน 2471 25 Sep 08 การกำหนด selectors ด้วย jQuery เกี่ยวกับ form อ่าน 2456 26 Mar 09 แสดงข้อความบนรูปภาพพื้นหลังสีจางด้วย CSS และ jQuery อ่าน 2454 26 Feb 09 การกำหนดให้ input text เลื่อนโฟกัส focus เองอัตโนมัติ ด้วย jQuery อ่าน 2449
จำนวนผู้เยี่ยมชม 157924 คน 2010 © Copyright ninenik.com. All rights reserved.