易截截图软件、单文件、免安装、纯绿色、仅160KB

AJAX实时读取输入文本

 客户端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小结

原出处:http://blog.163.com/zwx_gis/blog/static/32434435200971072634757/
Web编程相关   2009-08-10 19:26   阅读15   评论0  
 
Ajax (Asynchronous JavaScript and XML) 是多种技术的集合,包括JavaScript、XHTML、CSS、DOM、XML、XSTL、XMLHttpRequest等,其中XHTM ......

Ajax中send参数

 一般情况下,使用Ajax提交的参数多是些简单的字符串,可以直接使用GET方法将要提交的参数写到open方法的url参数中,此时send方法的参数为null。
       例如 :
                   ......

使用 jQuery 简化 Ajax 开发


看看 Ajax 和 DOM 脚本编程究竟有多简单
文档选项

将此页作为电子邮件发送
级别: 中级
Jesse Skinner, Web 开发人员, Freelance
2007 年 5 月 16 日
jQuery 是一个JavaScript 库,它有助于简化 JavaScript™ 以及 Asynchronous JavaScript + XML (Ajax) 编程。与类似的 JavaScript 库不同,jQuery 具有独 ......

AJAX验证用户唯一性

 从数据库my中的username用户表里验证:
checkusername.html:
<!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" conte ......

AJAX实现二级级联菜单

 AJAX实现二级级联菜单,用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 ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号