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

AJAXʵÏÖÊó±êÐü¸¡»ñȡֵ

 ajaxʵÏÖ½«Êó±ê·Åµ½Í¼±êÉÏ£¬Ï·½»áÏÔʾºÍ¸ÃͼÓйصÄÐÅÏ¢
¿Í»§¶Ë´úÂëmouseover.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 type="text/javascript" language="javascript">
var xmlHttp;
function createXMLHttpRequest(){
 if(window.ActiveXObject){
  xmlHttp = new ActiveXObject("microsoft.XMLHTTP");
 }
 else if(window.XMLHttpRequest){
  xmlHttp = new XMLHttpRequest();
 }
}
function sendRequest(t){
 var id = t.id
 createXMLHttpRequest(); 
 var url = "mouseover_check.php?page=" +t.id ; 
 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>
  <input type="text" value="here" id="1" onmouseover="sendRequest(this)" />
</p>
<p><br/>
  <input type="text" value="haha" id="2" onmouseover="sendRequest(this)" />
  </div>
</p>
<p></p>
<span id="show"></span>
</body>
</html>
·þÎñÆ÷¶Ë´úÂ룺
mouseover_check.php
<?php
header("Content-type:text/html;charset=gb2312");
header("cache-control:no-cache,must-revalidate");
$name = $_GET['page'];
if($name == '1'){
 echo "111";
}
else{
 echo "222";
}  
?>


Ïà¹ØÎĵµ£º

XMLHttpRequest½øÐÐajaxͨѶʱÖÐÎÄÂÒÂëÎÊÌâ½â¾ö

 Ê¹ÓÃjsµ÷ÓÃXMLHttpRequest½øÐÐajaxͨѶʱ£¬Èç¹û·þÎñÆ÷¶ËÒª´«µÝµÄÊý¾ÝÖÐÓÐÖÐÎÄʱ£¬ÎÒÃǵĽâ¾ö°ì·¨¡£
1¡¢Ò³Ã棺
     Ò»°ãÔÚÒ³ÃæÎÒÃÇΪÁË·½±ã£¬×îºÃʹÓÃUTF-8±àÂë¡£
2¡¢·þÎñÆ÷¶Ë£º
     ÎÒÃÇÔÚ·þÎñÆ÷¶ËµÄ´úÂëÀïÃæ¶Ôresponse¶ÔÏóµÄÉèÖÃÈçÏ£º
//ÉèÖÃresponseµÄ±àÂë
......

AjaxÖÐsend²ÎÊý

 Ò»°ãÇé¿öÏ£¬Ê¹ÓÃAjaxÌá½»µÄ²ÎÊý¶àÊÇЩ¼òµ¥µÄ×Ö·û´®£¬¿ÉÒÔÖ±½ÓʹÓÃGET·½·¨½«ÒªÌá½»µÄ²ÎÊýдµ½open·½·¨µÄurl²ÎÊýÖУ¬´Ëʱsend·½·¨µÄ²ÎÊýΪnull¡£
       ÀýÈç £º
                   ......

ѧϰAjax½Ì³Ì£¬ÏêϸÁ˽âGetÓëPost

ѧϰAjax½Ì³Ì£¬ÏêϸÁ˽âGetÓëPost
Get·½Ê½:
×÷ÓÃ:¿É´«Ëͼòµ¥Êý¾Ý
´óС:url×î´ó³¤¶ÈÊÇ2083 bytes,¿ÉÒÔÓÃÓÚGET´«µÝÊý¾ÝµÄ³¤¶ÈÊÇ2048 bytes
°üº¬Ìå:Êý¾Ý×·¼Óµ½urlÖз¢ËÍ,Ò²¾ÍÊÇhttpµÄheader´«ËÍ
Post·½Ê½:
×÷ÓÃ:¿É´«Ëͼòµ¥¸´ÔÓÊý¾Ý
´óС:web.configÀïÏÞÖÆ
°üº¬Ìå:Êý¾ÝÔÚhttpÇëÇóµÄʵÌåÄÚÈÝÀï´«ËÍ
AjaxÓÃPostģʽ´«ËÍÊ ......

ajax ¾Ö²¿Ë¢Ð·ÖÒ³ºÍ×Ô¶¯ËÑË÷Ìáʾ

 Ç°Ì¨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>
    <title>ÎÞ±êÌâÒ³</title>
    <style ......

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=" ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ