主页 > 知识库 > AJAX 实时读取输入文本(php)

AJAX 实时读取输入文本(php)

热门标签:Linux服务器 团购网站 银行业务 科大讯飞语音识别系统 Mysql连接数设置 服务器配置 阿里云 电子围栏
客户端代码:
复制代码 代码如下:

!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实现的实时刷新显示数据功能示例

标签:衡水 枣庄 萍乡 江苏 广元 衢州 蚌埠 大理

巨人网络通讯声明:本文标题《AJAX 实时读取输入文本(php)》,本文关键词  ;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 收缩
    • 微信客服
    • 微信二维码
    • 电话咨询

    • 400-1100-266