AJAX实时读取输入文本
来源:互联网 发布:直播截屏软件 编辑:程序博客网 时间:2024/06/05 13:27
客户端String.php,服务器端String_check.php,很简单的实现。
客户端代码:
<!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实时读取输入文本
- 输入文本实时搜索显示
- ajax读取txt文本内容
- ajax读取txt文本内容
- jQuery - AJAX 读取text文本
- AngularJS—实时获取输入的文本
- textarea文本域输入字数实时控制
- 在EditText输入文本并实时改变文本的数量
- textArea实时显示文本输入框输入的字数
- 文本输入框实时统计字数,并防止重复提交
- 从零开始学_JavaScript_系列(八)——js系列<2>(事件触发顺序、文本读取、js编写ajax、输入验证、下拉菜单)
- Kettle 文本输入步骤读取异常 DOS format was specified
- C++从txt文本中输入和读取字符串
- Python使用'input'读取输入文本出现NameError错误
- AJAX返回XML格式文本的读取方法
- Ajax返回xml文本无法读取的问题
- Ajax返回xml文本无法读取的问题
- Ajax返回xml文本无法读取的问题(PHP)
- josso1.8在tomcat6下安装配置
- 提供的费的风格
- 键盘输入字母显示数字的问题 ——FN键的特殊应用
- DevExpress.XtraCharts.ChartControl控件的简单使用 摘自http://leo43.blog.hexun.com/36926221_d.html
- VC++ WIN32用户界面设计基础之Cursor篇
- AJAX实时读取输入文本
- pku 2385
- S60中使用控件无法显示的解决方法
- AJAX动态获取当前时间
- Dev系列控件之XtraCharts(一)
- 字符串的内聚
- 如何使用iReaper
- 为何还继续区分CMWAP和CMNET?
- 设置日期选择组件(DateField )的选择范围