index.php
以下代码:是传送方式是get,数据类型为文本responseText
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>ajax</title>
<script type="text/javascript" src="ajax.js"></script>
<script type="text/javascript">
function $(id){
return document.getElementById(id);
}
function checkName(){
var http_request=createAjax();
http_request.onreadystatechange=function(){
if(http_request.readyState==4 && http_request.status==200){
var notice=http_request.responseText;
$("notice").innerHTML=notice;
}
}
var url="index_do.php?username="+$("username").value;
http_request.open("get",url,true);
http_request.send(null);
}
</script>
</head>
<body>
Please enter your username:<input type="text" name="username" id="username" onChange="checkName();" />
<span id="notice"></span>
</body>
</html>
以下代码:是传送方式是post,数据类型为文本responseText
http_request.setRequestHeader("Content-type","application/x-www-form-urlencoded");
如果是post发送方式的话,需要加入上面一行代码。
而且此行代码必须要加在open()和send()之间,不然会出现无法接受数据。而且没有提示错误。
function checkName(){
var http_request=createAjax();
http_request.onreadystatechange=function(){
if(http_request.readyState==4 && http_request.status==200){
var notice=http_request.responseText;
$("notice").innerHTML=notice;
}
}
var data="username="+$("username").value+"&mytime="+new Date();
var url="index_do.php";
http_request.open("post",url,true);
http_request.setRequestHeader("Content-type","application/x-www-form-urlencoded");
http_request.send(data);
}
index_do.php
<?php
header("Content-Type:text/html;charset=utf-8");
header("Cache-Control:no-cache");
$username=$_GET['username'];
if ($username=='admin'){
echo "<font color='red'>不可以注册!</font>";
}else {
echo "<font color='green'>可以注册!</font>";
}
?>
在调试ajax过程中应该使用到函数file_put_contents().