客户端代码:
复制代码 代码如下:
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
html xmlns="http://www.w3.org/1999/xhtml">
head>
meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
title>无标题文档/title>
/head>
script language="javascript">
var xmlHttp;
function createXMLHttpRequest(){
if(window.ActiveXObject){
xmlHttp = new ActiveXObject("microsoft.XMLHTTP");
}
else if(window.XMLHttpRequest){
xmlHttp = new XMLHttpRequest();
}
}
function sendRequest(){
createXMLHttpRequest();
var name = document.getElementById("name").value;
url = "String_check.php?page="+name;
xmlHttp.onreadystatechange = callback;
xmlHttp.open('GET',url,true);
xmlHttp.send(null);
}
function callback(){
if(xmlHttp.readyState == 4){
if(xmlHttp.status == 200){
document.getElementById("show").innerHTML = "您输入的字符串为:"+ xmlHttp.responseText;
}
}
}
/script>
body>
p>AJAX test;/p>
p>br/>
input type="text" id="name" onkeyup="sendRequest();" />
br/>
span id="show">/span>
/p>
/body>
/html>
服务器端代码:
复制代码 代码如下:
?php
header('Content-type: text/html;charset=GB2312');
$ename = $_GET["page"];
if ($ename == "") {
$ename = "请输入:";
}
echo ($ename);
exit(0);
?>
您可能感兴趣的文章:- php+ajax实时刷新简单实例
- php+ajax实时输入自动搜索匹配的方法
- 值得分享的php+ajax实时聊天室
- PHP实现的消息实时推送功能【基于反ajax推送】
- PHP Ajax实现表格实时编辑
- PHP+Ajax实时自动检测是否联网的方法
- php+ajax实现无刷新动态加载数据技术
- php采用ajax数据提交post与post常见方法总结
- ajax处理php返回json数据的实例代码
- php+jQuery ajax实现的实时刷新显示数据功能示例