PHP Ionic Angular HTML5 AJAX Javascript CSS MySQL jQuery Forum


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

03 November 2008 By Ninenik Narkdee
ajax ส่งข้อมูล post

คำสั่ง การ กำหนด รูปแบบ ตัวอย่าง เทคนิค ลูกเล่น การประยุกต์ การใช้งาน เกี่ยวกับ ajax ส่งข้อมูล post





ตัวอย่างโค้ด 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 เป็นกำลังใจ ในการสร้างบทความใหม่ๆ น่ะครับ



บริการเว็บ server web hosting
บริการเว็บ server web hosting




เนื้อหาที่เกี่ยวข้อง



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







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