Ajax»º´æ½â¾ö°ì·¨
ÏîÄ¿ÓÐʱҪÓÃһЩAjaxµÄЧ¹û£¬ÒòΪ±È½Ï¼òµ¥£¬Ò²¾ÍûÓÐÈ¥ÓÃʲôAjax.netÖ®ÀàµÄ¶«Î÷£¬ÊÖд´úÂëÒ²¾ÍʵÏÖÁË¡£¡¢
µÚ¶þÌ죬ÓÐÈËÏòÎÒ±¨¸æ´íÎó£»ËµÊÇÖ»ÓеÚÒ»´Î¶ÁÈ¡µÄÖµÕý³££¬ºóÃæµÄÖµ¶¼²»Õý³££»ÎÒµ÷ÊÔÁËһϠ£¬È·ÊµÓÐÕâÑùµÄÎÊÌ⣬²é³öÊÇÒòΪAJAX»º´æµÄÎÊÌ⣺½â¾ö°ì·¨ÓÐÈçϼ¸ÖÖ:
1¡¢ÔÚ·þÎñ¶Ë¼Ó header("Cache-Control: no-cache, must-revalidate");(ÈçphpÖÐ)
¡¡¡¡2¡¢ÔÚajax·¢ËÍÇëÇóǰ¼ÓÉÏ anyAjaxObj.setRequestHeader("If-Modified-Since","0");
¡¡¡¡3¡¢ÔÚajax·¢ËÍÇëÇóǰ¼ÓÉÏ anyAjaxObj.setRequestHeader("Cache-Control","no-cache");
¡¡¡¡4¡¢ÔÚ Ajax µÄ URL ²ÎÊýºó¼ÓÉÏ "?fresh=" + Math.random(); //µ±È»ÕâÀï²ÎÊý fresh ¿ÉÒÔÈÎÒâÈ¡ÁË
¡¡¡¡5¡¢µÚÎåÖÖ·½·¨ºÍµÚËÄÖÖÀàËÆ£¬ÔÚ URL ²ÎÊýºó¼ÓÉÏ "?timestamp=" + new Date().getTime();
¡¡¡¡6¡¢ÓÃPOSTÌæ´úGET£º²»ÍƼö
1¡¢¼Ó¸öËæ»úÊý
xmlHttp.open("GET", "ajax.asp?now=" + new Date().getTime(), true);
2¡¢ÔÚÒªÒì²½»ñÈ¡µÄaspÒ³ÃæÖÐдһ¶Î½ûÖ¹»º´æµÄ´úÂ룺
Response.Buffer =True
Response.ExpiresAbsolute =Now() - 1
Response.Expires=0
Response.CacheControl="no-cache"
3¡¢ÔÚajax·¢ËÍÇëÇóǰ¼ÓÉÏxmlHTTP.setRequestHeader("If-Modified-Since","0");¿ÉÒÔ½ûÖ¹»º´æ
xmlHTTP.open("get", URL, true);
xmlHTTP.onreadystatechange = callHTML;
xmlHTTP.setRequestHeader("If-Modified-Since","0");
xmlHTTP.send();
ÁíÒ»¸ö×÷Õßдµ½:
AJAXµÄ»º´æÊÇÓÉä¯ÀÀÆ÷ά³ÖµÄ£¬¶ÔÓÚ·¢Ïò·þÎñÆ÷µÄij¸öurl£¬ajax½öÔÚµÚÒ»´ÎÇëÇóʱÓë·þÎñÆ÷½»»¥ÐÅÏ¢£¬Ö®ºóµÄÇëÇóÖУ¬ajax²»ÔÙÏò·þÎñÆ÷Ìá½»ÇëÇ󣬶øÊÇÖ±½Ó´Ó»º´æÖÐÌáÈ¡Êý¾Ý¡£
ÓÐЩÇé¿öÏ£¬ÎÒÃÇÐèҪÿһ´Î¶¼´Ó·þÎñÆ÷µÃµ½¸üкóÊý¾Ý¡£Ë¼Â·ÊÇÈÃÿ´ÎÇëÇóµÄurl¶¼²»Í¬£¬¶øÓÖ²»Ó°ÏìÕý³£Ó¦ÓãºÔÚurlÖ®ºó¼ÓÈëËæ»úÄÚÈÝ¡£
e.g.
url=url+"&"+Math.random();
Key points:
1.ÿ´ÎÇëÇóµÄurl¶¼²»Ò»Ñù£¨ajaxµÄ»º´æ±ã²»Æð×÷Óã©
2.²»Ó°ÏìÕý³£Ó¦Óã¨×î»ù±¾µÄ£©
----------------
·½·¨¶þ£º£¨Î´¾Ö¤Êµ£©
ÔÚJSPÖнûÖ¹»º´æ
response.addHeader("Cache-Control", "no-cache");
response.addHeader("Expires", "Thu, 01 Jan 1970 00:00:01 GMT");
HTTP:
<META HTTP-EQUIV="pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
<META HTTP-EQUIV="expires"
Ïà¹ØÎĵµ£º
ajaxµ¯³öÌáʾÐÅÏ¢
1¡¢ ÊäÈëÓò£º
<h2>¹¤¾ßÌáʾ</h2>
<hr>
<a href="#" onmouseover="over(0)" onmouseout="out()">ÎïÆ·Ò»</a><br><br>
<a href="#" onmouseover="over(1)" onmouseout="out()">ÎïÆ·¶þ ......
µ±ÓÃajax·µ»Ø¶à¸öÖµµÄʱºò£¬¿ÉÒÔÓÃxml£¬Ò²¿ÉÒÔÓÃjson
jsonʵÀý
<html>
<head>
<title>AjaxTest</title>
<script type="text/javascript">
var xmlHttp;
function createXMLHttpRequest()
{
if(window.ActiveXObject)
& ......
»ùÓÚJQuery¿ò¼ÜµÄAJAX
ǰ¼¸Ìì·¢Á˸öÌù£¬·ÖÏíÁËprototype¿ò¼Ü¹ØÓÚAJAX·½ÃæµÄѧϰ¹ý³Ì¡£È»ºóÓÐÈË˵jquery¿ò¼Ü¸ü·½±ã¡£
ÕýºÃÏîÄ¿ÖÐ×¼±¸Ê¹ÓÃthickbox£¬ÓÚÊǸɴàÅׯúprototype.js£¬¿´Æðjquery.jsÁË¡£JQueryȷʵ²»´í£¬Ìå»ý±È PrototypeСÁËÐí¶à£¬¶øÇÒʹÓÃÆðÀ´¸ü·½±ã¸üÁé»î¡£ÓÐÈË˵PrototypeÏñJAVA£¬Õýͳ£»¶øJQueryÏñRuby£¬Áé»î£ ......
0**£ºÎ´±»Ê¼»¯
1**£ºÇëÇóÊÕµ½£¬¼ÌÐø´¦Àí
2**£º²Ù×÷³É¹¦ÊÕµ½£¬·ÖÎö¡¢½ÓÊÜ
3**£ºÍê³É´ËÇëÇó±ØÐë½øÒ»²½´¦Àí
4**£ºÇëÇó°üº¬Ò»¸ö´íÎóÓï·¨»ò²»ÄÜÍê³É
5**£º·þÎñÆ÷Ö´ÐÐÒ»¸öÍêÈ«ÓÐЧÇëÇóʧ°Ü
100——¿Í»§±ØÐë¼ÌÐø·¢³öÇëÇó
101——¿Í»§ÒªÇó·þÎñÆ÷¸ù¾ÝÇëÇóת»»HTTPÐÒé°æ±¾
200——½»Ò ......