การส่งข้อมูลแบบ POST ด้วย Ajax
เขียนเมื่อ 12 ปีก่อน โดย Ninenik Narkdeepost ajax ส่งข้อมูล
คำสั่ง การ กำหนด รูปแบบ ตัวอย่าง เทคนิค ลูกเล่น การประยุกต์ การใช้งาน เกี่ยวกับ post ajax ส่งข้อมูล
คำเตือน! เนื้อหาต่อไปนี้ เป็นเนื้อหาเก่า อาจจะไม่เหมาะสำหรับนำไปใช้งาน
หรือไม่สามารถใช้งานได้แล้ว
ลองดูที่ใหม่กว่า http://www.ninenik.com/content.php?arti_id=771 เป็นแนวทางแทน
ลองดูที่ใหม่กว่า http://www.ninenik.com/content.php?arti_id=771 เป็นแนวทางแทน
ไปที่ Copy
ตัวอย่างโค้ด ajax_post.php
<script language="javascript" src="ajax.js"></script> <script language="javascript"> function doajax(mydata){ var ajax1=createAjax(); ajax1.onreadystatechange=function(){ if(ajax1.readyState==4 && ajax1.status==200){ document.getElementById('myplace').innerHTML=ajax1.responseText; }else{ return false; } } ajax1.open("POST","data_post.php",true); ajax1.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); ajax1.send("name="+document.form1.name.value+"&email="+document.form1.email.value); } </script> <form action="" method="post" enctype="multipart/form-data" name="form1" id="form1"> ชื่อ <input name="name" type="text" id="name" /> อีเมลล์ <input name="email" type="text" id="email" /> <input type="button" name="Button" value="Send" onclick="doajax()" /> </form> <p id="myplace"></p>
โค้ด data_post.php
<?php header("Cache-Control: no-store, no-cache, must-revalidate"); header("Cache-Control: post-check=0, pre-check=0", false); if($_POST['name']!=""){ echo $_POST['name']." "; } if($_POST['email']!=""){ echo $_POST['email']; } ?>
ดาวน์โหลด ajax.js คลิกดาวน์โหลด
ดูตัวอย่าง คลิกดูตัวอย่าง
กด Like หรือ Share เป็นกำลังใจ ให้มีบทความใหม่ๆ เรื่อยๆ น่ะครับ

เนื้อหาที่เกี่ยวข้อง
-
27 Oct2014ทบทวนการใช้งาน submit ข้อมูลแบบ ajax และการ reset form อ่าน 17,641
เนื้อหาในส่วนนี้ จะเป็นการทบทวนความรู้เก่า เป็นตัวอย่างการใช้งาน ajax ในล
-
07 Mar2017ทบทวนพื้นฐาน ajax ใน jquery การส่งค่าและแสดงข้อมูลเบื้องต้น อ่าน 16,346
เรามาทำความเข้าใจพื้นฐาน ajax อย่างง่ายกัน โดยก่อนอื่นเราต้องมีพื้นฐานเกี่ยวก
URL สำหรับอ้างอิง
Top
Copy
เว็บไซต์ของเราให้บริการเนื้อหาบทความสำหรับนักพัฒนา โดยพึ่งพารายได้เล็กน้อยจากการแสดงโฆษณา
โปรดสนับสนุนเว็บไซต์ของเราด้วยการปิดการใช้งานตัวปิดกั้นโฆษณา (Disable Ads Blocker) ขอบคุณครับ