Ajax Send Data Method GET (PHP & ASP) เป็นการส่งข้อมูลให้กับ Server โดยผ่าน Method GET นิยมใช้การส่งข้อมูลในปริมาณน้อย ๆ ที่มีค่าที่แน่นอนและความผิดพล่ดในการส่งน้อย เช่นการส่งรหัส ID ต่าง ๆ
Syntax
HttPRequest.open('GET',url,true);
AjaxMethodGET.html
<html>
<head>
<title>ThaiCreate.Com Ajax Tutorial</title>
</head>
<script language="JavaScript">
var HttPRequest = false;
function doCallAjax() {
HttPRequest = false;
if (window.XMLHttpRequest) { // Mozilla, Safari,...
HttPRequest = new XMLHttpRequest();
if (HttPRequest.overrideMimeType) {
HttPRequest.overrideMimeType('text/html');
}
} else if (window.ActiveXObject) { // IE
try {
HttPRequest = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
HttPRequest = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {}
}
}
if (!HttPRequest) {
alert('Cannot create XMLHTTP instance');
return false;
}
var url = 'get.php?myName='+document.getElementById("txtName").value;
// var url = 'get.php?myName='+document.getElementById("txtName").value+'&my2='; // 2 Parameters
HttPRequest.open('GET',url,true);
HttPRequest.send(null);
HttPRequest.onreadystatechange = function()
{
if(HttPRequest.readyState == 3) // Loading Request
{
document.getElementById("mySpan").innerHTML = "Now is Loading...";
}
if(HttPRequest.readyState == 4) // Return Request
{
document.getElementById("mySpan").innerHTML = HttPRequest.responseText;
}
}
/*
HttPRequest.onreadystatechange = call function .... // Call other function
*/
}
</script>
<body>
<input type="text" name="txtName" id="txtName" value="">
<input name="btnButton" id="btnButton" type="button" value="Click" onClick="JavaScript:doCallAjax();">
<br>
<span id="mySpan"></span>
</body>
</html>
ช่วยกันสนับสนุนรักษาเว็บไซต์ความรู้แห่งนี้ไว้ด้วยการสนับสนุน 
Load balance : Server 03
