Ò׽ؽØÍ¼Èí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö160KB

AJAX¶¯Ì¬»ñÈ¡µ±Ç°Ê±¼ä

 ÀûÓÃAJAX¶¯Ì¬»ñÈ¡µ±Ç°Ê±¼ä£¬¿Í»§¶Ëtime.php,·þÎñÆ÷¶Ëtime_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();
 }
 else{
  alert("´´½¨ÇëÇóʧ°Ü");
 }
}
function sendRequest(){
 createXMLHttpRequest();
 url = "time_check.php";
 xmlHttp.onreadystatechange = callback;
 xmlHttp.open('GET',url,true);
 xmlHttp.send(null);
}
function callback(){
 if(xmlHttp.readyState ==4){
  if(xmlHttp.status == 200){
   document.getElementById("time").innerHTML = xmlHttp.responseText;
   setTimeout("sendRequest()",1000);
  }
 }
}
</script>
<body>
<input type="button" value="check it" onclick="sendRequest();" />
<br/>
<span id="time"></span>
</body>
</html>
·þÎñÆ÷¶Ë´úÂ룺
<?php
header("cache-control:no-cache,must-revalidate"); //È¡ÏûphpÒ³Ãæ»º´æµÄÉèÖÃ
header('Content-type: text/html;charset=GB2312');
$showtime = date("±±¾©Ê±¼äYÄêmÔÂdÈÕH:i:s");
echo $showtime;
?>


Ïà¹ØÎĵµ£º

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¿çÓò·ÃÎÊ·½·¨´óÈ«

Case I. Web´úÀíµÄ·½Ê½ (on Server A)
¼´Óû§·ÃÎÊAÍøÕ¾Ê±Ëù²úÉúµÄ¶ÔBÍøÕ¾µÄ¿çÓò·ÃÎÊÇëÇó¾ùÌá½»µ½AÍøÕ¾µÄÖ¸¶¨Ò³Ã棬ÓɸÃÒ³Ãæ´úÌæÓû§Ò³ÃæÍê³É½»»¥£¬´Ó¶ø·µ»ØºÏÊʵĽá¹û¡£´Ë·½°¸¿ÉÒÔ½â¾öÏÖ½×¶ÎËùÄܹ»Ïëµ½µÄ¶àÊý¿çÓò·ÃÎÊÎÊÌ⣬µ«ÒªÇóAÍøÕ¾ÌṩWeb´úÀíµÄÖ§³Ö£¬Òò´ËAÍøÕ¾ÓëBÍøÕ¾Ö®¼ä±ØÐëÊǽôÃÜЭ×÷µÄ£¬ÇÒÿ´Î½»»¥¹ý³Ì£¬AÍøÕ¾µÄ· ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ