手机
当前位置:查字典教程网 >编程开发 >AJAX相关 >AJAX 实时读取输入文本(php)
AJAX 实时读取输入文本(php)
摘要:客户端代码:复制代码代码如下:无标题文档varxmlHttp;functioncreateXMLHttpRequest(){if(windo...

客户端代码:

复制代码 代码如下:

<!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);

?>

【AJAX 实时读取输入文本(php)】相关文章:

利用AJAX实现鼠标悬浮获取值的代码

利用AJAX实现无刷新数据分页

AJAX实现图片预览与上传及生成缩略图的方法

浅谈AJAX开发技术

AJAX开发者的最新工具和技术

AJAX初体验之实战篇——打造博客无刷新搜索

Ajax 超时检查脚本

AJAX在Post中文的时候乱码的解决方法

AJAX实现鼠标经过弹出详细介绍示例

AJAX打造博客无刷新搜索

精品推荐
分类导航