tehro0n
شنبه 17 تیر 1391, 19:01 عصر
<html>
<head>
<title>ToolsIR.com | AJAX Tutorial</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript">
function AjaxRequest() {
var xmlhttp = null;
if (window.XMLHttpRequest) {
// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp = new XMLHttpRequest();
} // else // code for IE6, IE5
return xmlhttp;
}
function ajaxAction() {
var name = document.getElementById("ajaxField").value;
var location = document.getElementById("ajaxField1").value;
var response = document.getElementById('ajaxResponse');
var xmlHttp = AjaxRequest();
xmlHttp.open("GET" , "process.php?name=" + name + "&location=" + location, true);
xmlHttp.onreadystatechange = function() {
if(xmlHttp.readyState == 1)
response.innerHTML = "Loading...";
if (xmlHttp.readyState == 4 && xmlHttp.status == 200)
response.innerHTML = xmlHttp.responseText;
}
xmlHttp.send(null);
}
</script>
</head>
<body>
<form method="GET" name="form">
<table width="350" cellspacing="2" cellpadding="1" border="0" style="margin-top:10px">
<tr>
<td><font color="#FFFFFF"><span style="font-size: 11px">Name:</span></font></td>
<td><input id="ajaxField" type="text" name="name" maxlength="20" value="" class="ui-corner-all"/></td>
<label class="error" for="name" id="name_error">This field is required.</label>
</tr>
<tr>
<td><font color="#FFFFFF"><span style="font-size: 11px">Location:</span></font></td>
<td><input type="text" id="ajaxField1" name="location" maxlength="20" value="" class="ui-corner-all"/></td>
<label class="error" for="location" id="location_error">This field is required.</label>
</tr>
<td><input type="button" name="button" class="foo" id="ajaxButton" value="Send" onclick="javascript:ajaxAction();" />
<div id="ajaxResponse" style="border:1px dashed #555; margin:10px; padding:10px;"></div>
</body>
</html>
و در فایل process.php این ها را میگذاریم
<?php
$name = $_GET['name'];
$location = $_GET['location'];
echo $name;
echo $location;
?>