PHP Ionic Angularjs Phonegap AJAX Javascript CSS MySQL jQuery Forum

การส่งข้อมูลแบบ POST ด้วย Ajax

03 November 2008 By


ตัวอย่างโค้ด 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 คลิกดาวน์โหลด

ดูตัวอย่าง คลิกดูตัวอย่าง


Tags:: ส่งข้อมูล ajax post



เนื้อหาส่วนนี้แม้จะยังใช้งานได้ แต่อาจจะเก่าและไม่ทันสมัยแล้ว
ลองเปลี่ยนมาใช้การจัดการ ajax ด้วย jquery แทน


ทบทวนการใช้งาน submit ข้อมูลแบบ ajax และการ reset form 
http://www.ninenik.com/content.php?arti_id=570 via @ninenik



URL สำหรับอ้างอิง