<script type="text/javascript">
function ajaxFunction()
{
var xmlHttp
;
try
{
// Firefox, Opera 8.0+, Safari
xmlHttp=new XMLHttpRequest();
}
catch (e)
{
// Internet Explorer
try
{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
try
{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e)
{
alert("ÄúµÄä¯ÀÀÆ÷²»Ö§³ÖAJAX£¡");
&nbs ......
dwrµÄReverse AjaxÇ°ÃæÒ»Ö±¶¼Ã»ÓÐÓùý£¬×î½üÒòΪÏîÄ¿ÀïÃæÉæ¼°µ½Ñо¿ÁËÏ£¬»¹ÊÇÁô¸ö¼Ç¼°É¡£
dwrµÄÄæÏòajaxÆäʵÖ÷Òª°üÀ¨Á½ÖÖģʽ£ºÖ÷¶¯Ä£Ê½ºÍ±»¶¯Ä£Ê½¡£ÆäÖÐÖ÷¶¯Ä£Ê½°üÀ¨PollingºÍCometÁ½ÖÖ£¬±»¶¯Ä£Ê½Ö»ÓÐPiggybackÕâÒ»ÖÖ¡£
ËùνµÄPiggybackÖ¸µÄÊÇÈç¹ûºǫ́ÓÐʲôÄÚÈÝÐèÒªÍÆË͵½Ç°Ì¨£¨¼´µ÷ÓÃÒ³ÃæµÄjs·½·¨£©£¬ÊÇÒªµÈµ½ÄǸöÒ³Ãæ½øÐÐÏÂÒ»´ÎajaxÇëÇóµÄʱºò£¬½«ÐèÒªÍÆË͵ÄÄÚÈݸ½¼ÓÔڸôÎÇëÇóÖ®ºó£¬´«»Øµ½Ò³Ãæ¡£
pollingÖ¸µÄÊÇÓÉä¯ÀÀÆ÷¶¨Ê±Ïò·þÎñ¶Ë·¢ËÍajaxÇëÇó£¬Ñ¯Îʺǫ́ÊÇ·ñÓÐʲôÄÚÈÝÐèÒªÍÆËÍ£¬ÓеĻ°¾Í»áÓÉ·þÎñ¶Ë·µ»ØÍÆËÍÄÚÈÝ¡£ÕâÖÖ·½Ê½ºÍÎÒÃÇÖ±½ÓÔÚÒ³Ãæͨ¹ý¶¨Ê±Æ÷·¢ËÍajaxÇëÇó£¬È»ºó²éѯºǫ́ÊÇ·ñÓб仯ÄÚÈݵÄʵÏÖÊÇÀàËƵġ£Ö»²»¹ýÓÃÁËdwrÖ®ºóÕⲿ·Ö¹¤×÷ÓÉ¿ò¼Ü°ïÎÒÃÇÍê³ÉÁË¡£
cometģʽָµÄµÄµ±·þÎñ¶Ë½¨Á¢ºÍä¯ÀÀÆ÷µÄÁ¬½Ó£¬½«Ò³ÃæÄÚÈÝ·¢Ë͵½ä¯ÀÀÆ÷Ö®ºó£¬¶ÔÓ¦µÄÁ¬½Ó²¢²»¹Ø±Õ£¬Ö»ÊÇÔÝʱ¹ÒÆð¡£Èç¹ûºóÃæÓÐʲôеÄÄÚÈÝÐèÒªÍÆË͵½¿Í»§¶ËµÄʱºòÖ±½Óͨ¹ýÇ°Ãæ¹ÒÆðµÄÁ¬½ÓÔٴδ«ËÍÊý¾Ý¡£
ͨ¹ýÉÏÃæµÄ½âÊÍÎÒÃÇ¿ÉÒÔ¿´µ½£¬ÕâÈýÖÖģʽ¶¼Óи÷×ÔµÄÓÅȱµã¡£´Ó¿Í»§¶ËÇëÇó´ÎÊýµÄ½Ç¶ÈÀ´Ëµ£¬µ±È»ÊÇ ......
... Ç°ÑÔ
ÔÚWebÓ¦ÓóÌÐòÖУ¬ÒýÈëAJAX£¬²»½ö¿ÉÒÔÌá¸ßÓû§ÌåÑ飨ҳÃæ¾Ö²¿Ë¢Ð£©£¬¶øÇÒ¿ÉÒÔÔÚÒ»¶¨³Ì¶ÈÉÏ£¬½µµÍWeb·þÎñÆ÷µÄ¹¤×÷¸ºÔغÍÏìӦʱ¼ä¡£
AJAX ʹÓÃJavascript£¬ÔÚ¿Í»§¶Ë£¨ä¯ÀÀÆ÷¶Ë£©£¬Í¨¹ýHttp(s)ÐÒ飬Ïò·þÎñÆ÷¶Ë £¨Web Server£©·¢ÆðÇëÇó£»·þÎñÆ÷¸ù¾ÝÇëÇóµÄURI£¬
Íê³ÉÏàÓ¦µÄÂß¼²Ù×÷£¬¶ûºó½«Ö´ÐеĽá¹ûͨ¹ýHttp(s)ÐÒ飬·µ»Ø¸ø¿Í»§¶Ë¡£
¿Í»§¶Ë¶Ô»ñÈ¡µÄ·µ»Ø½á¹û(TEXT/XML ´®)£¬Ê¹ÓÃJavascript£¬ ÔÚcallback ÖнâÎö¡¢³ÊÏÖ¡£
... ASP.NET AJAX ·þÎñÆ÷¿Ø¼þ
... UpdateProgress
AJAX ·þÎñÆ÷¿Ø¼þÖУ¬ UpdatePanelÊÇÒ»¸ö´óÍæÒ⣬ҳÃæÇëÇóÍê³Éºó£¬Äã»á·¢ÏÖÖ»Óд¦ÓÚUpdatePanel Ö®ÖеÄÄÚÈݲŻá¸üУ¬
¶øUpdatePanel Ö®ÍâÖ®ÎïÔò±£³ÖÔÑù¡£
¼´±ãÈç´Ë£¬ÔÚUpdatePanelÍê³É¸üÐÂ֮ǰ£¬±È½ÏÓѺõķ½Ê½ÊÇ£¬ÌáʾÓû§ÉÔ°²ÎðÔ꣬ÇëÇóÕýÔÚ´¦ÀíÖ®ÖС£
... UpdateProgressµÄ覴Ã
UpdateProgress ºÜÓÐÓ㬵«Ò²ÓÐÒ»µã覴á£
ÏÂÃæÀý×ÓÖУ¬Óû§µã»÷"Filter"°´Å¥, ÀûÓÃAjax Toolkit ÖеÄModalPopupExtender£¬µ¯³öËÑË÷Ìõ¼þ´°¿Ú£»
ÔÚµ¯³ö´°¿ÚÖУ¬µã»÷“OK”°´Å¥Ìá½»AJAXÇëÇ󣬶ø´Ëʱ£¬ÎÒÃǵĽø¶ÈÌõȴûÓÐÔÚ× ......
... Ç°ÑÔ
ÔÚWebÓ¦ÓóÌÐòÖУ¬ÒýÈëAJAX£¬²»½ö¿ÉÒÔÌá¸ßÓû§ÌåÑ飨ҳÃæ¾Ö²¿Ë¢Ð£©£¬¶øÇÒ¿ÉÒÔÔÚÒ»¶¨³Ì¶ÈÉÏ£¬½µµÍWeb·þÎñÆ÷µÄ¹¤×÷¸ºÔغÍÏìӦʱ¼ä¡£
AJAX ʹÓÃJavascript£¬ÔÚ¿Í»§¶Ë£¨ä¯ÀÀÆ÷¶Ë£©£¬Í¨¹ýHttp(s)ÐÒ飬Ïò·þÎñÆ÷¶Ë £¨Web Server£©·¢ÆðÇëÇó£»·þÎñÆ÷¸ù¾ÝÇëÇóµÄURI£¬
Íê³ÉÏàÓ¦µÄÂß¼²Ù×÷£¬¶ûºó½«Ö´ÐеĽá¹ûͨ¹ýHttp(s)ÐÒ飬·µ»Ø¸ø¿Í»§¶Ë¡£
¿Í»§¶Ë¶Ô»ñÈ¡µÄ·µ»Ø½á¹û(TEXT/XML ´®)£¬Ê¹ÓÃJavascript£¬ ÔÚcallback ÖнâÎö¡¢³ÊÏÖ¡£
... ASP.NET AJAX ·þÎñÆ÷¿Ø¼þ
... UpdateProgress
AJAX ·þÎñÆ÷¿Ø¼þÖУ¬ UpdatePanelÊÇÒ»¸ö´óÍæÒ⣬ҳÃæÇëÇóÍê³Éºó£¬Äã»á·¢ÏÖÖ»Óд¦ÓÚUpdatePanel Ö®ÖеÄÄÚÈݲŻá¸üУ¬
¶øUpdatePanel Ö®ÍâÖ®ÎïÔò±£³ÖÔÑù¡£
¼´±ãÈç´Ë£¬ÔÚUpdatePanelÍê³É¸üÐÂ֮ǰ£¬±È½ÏÓѺõķ½Ê½ÊÇ£¬ÌáʾÓû§ÉÔ°²ÎðÔ꣬ÇëÇóÕýÔÚ´¦ÀíÖ®ÖС£
... UpdateProgressµÄ覴Ã
UpdateProgress ºÜÓÐÓ㬵«Ò²ÓÐÒ»µã覴á£
ÏÂÃæÀý×ÓÖУ¬Óû§µã»÷"Filter"°´Å¥, ÀûÓÃAjax Toolkit ÖеÄModalPopupExtender£¬µ¯³öËÑË÷Ìõ¼þ´°¿Ú£»
ÔÚµ¯³ö´°¿ÚÖУ¬µã»÷“OK”°´Å¥Ìá½»AJAXÇëÇ󣬶ø´Ëʱ£¬ÎÒÃǵĽø¶ÈÌõȴûÓÐÔÚ× ......
º¯ÊýÊǽøÐÐÄ£¿é»¯³ÌÐòÉè¼ÆµÄ»ù´¡£¬±àд¸´ÔÓµÄAjaxÓ¦ÓóÌÐò£¬±ØÐë¶Ôº¯ÊýÓиüÉîÈëµÄÁ˽⡣JavaScriptÖеĺ¯Êý²»Í¬ÓÚÆäËûµÄÓïÑÔ£¬Ã¿¸öº¯Êý¶¼ÊÇ
×÷Ϊһ¸ö¶ÔÏó±»Î¬»¤ºÍÔËÐеġ£Í¨¹ýº¯Êý¶ÔÏóµÄÐÔÖÊ£¬¿ÉÒԺܷ½±ãµÄ½«Ò»¸öº¯Êý¸³Öµ¸øÒ»¸ö±äÁ¿»òÕß½«º¯Êý×÷Ϊ²ÎÊý´«µÝ¡£ÔÚ¼ÌÐø½²Êö֮ǰ£¬ÏÈ¿´Ò»Ïº¯ÊýµÄʹÓÃÓï
·¨£º
function func1(…){…}
var func2=function(…){…};
var func3=function func4(…){…};
var func5=new Function();
¡¡¡¡ÕâЩ¶¼ÊÇÉùÃ÷º¯ÊýµÄÕýÈ·Óï·¨¡£ËüÃǺÍÆäËûÓïÑÔÖг£¼ûµÄº¯Êý»ò֮ǰ½éÉܵĺ¯Êý¶¨Ò巽ʽÓÐןܴóµÄÇø±ð¡£ÄÇôÔÚJavaScriptÖÐΪʲôÄÜÕâôд£¿ËüËù×ñѵÄÓï·¨ÊÇʲôÄØ£¿ÏÂÃ潫½éÉÜÕâЩÄÚÈÝ¡£
¡¡¡¡ÈÏʶº¯Êý¶ÔÏó£¨Function Object£©
¡¡¡¡¿ÉÒÔÓÃfunction¹Ø¼ü×Ö¶¨ÒåÒ»¸öº¯Êý£¬²¢ÎªÃ¿¸öº¯ÊýÖ¸¶¨Ò»¸öº¯ÊýÃû£¬Í¨¹ýº¯ÊýÃûÀ´½øÐе÷Óá£ÔÚJavaScript½âÊÍÖ´ÐÐʱ£¬º¯Êý¶¼ÊDZ»Î¬»¤ÎªÒ»¸ö¶ÔÏó£¬Õâ¾ÍÊÇÒª½éÉܵĺ¯Êý¶ÔÏó£¨Function Object£©¡£
¡¡
¡¡º¯Êý¶ÔÏóÓëÆäËûÓû§Ëù¶¨ÒåµÄ¶ÔÏóÓÐ×ű¾ÖʵÄÇø±ð£¬ÕâÒ»Àà¶ÔÏó±»³Æ֮ΪÄÚ²¿¶ÔÏó£¬ÀýÈçÈÕÆÚ¶ÔÏó£¨Date£©¡¢Êý×é¶ÔÏó£¨Array£©¡¢×Ö·û´®¶ÔÏó
£¨String£©¶¼ÊôÓÚÄÚ²¿¶ÔÏó¡£ÕâЩÄÚÖà ......
º¯ÊýÊǽøÐÐÄ£¿é»¯³ÌÐòÉè¼ÆµÄ»ù´¡£¬±àд¸´ÔÓµÄAjaxÓ¦ÓóÌÐò£¬±ØÐë¶Ôº¯ÊýÓиüÉîÈëµÄÁ˽⡣JavaScriptÖеĺ¯Êý²»Í¬ÓÚÆäËûµÄÓïÑÔ£¬Ã¿¸öº¯Êý¶¼ÊÇ
×÷Ϊһ¸ö¶ÔÏó±»Î¬»¤ºÍÔËÐеġ£Í¨¹ýº¯Êý¶ÔÏóµÄÐÔÖÊ£¬¿ÉÒԺܷ½±ãµÄ½«Ò»¸öº¯Êý¸³Öµ¸øÒ»¸ö±äÁ¿»òÕß½«º¯Êý×÷Ϊ²ÎÊý´«µÝ¡£ÔÚ¼ÌÐø½²Êö֮ǰ£¬ÏÈ¿´Ò»Ïº¯ÊýµÄʹÓÃÓï
·¨£º
function func1(…){…}
var func2=function(…){…};
var func3=function func4(…){…};
var func5=new Function();
¡¡¡¡ÕâЩ¶¼ÊÇÉùÃ÷º¯ÊýµÄÕýÈ·Óï·¨¡£ËüÃǺÍÆäËûÓïÑÔÖг£¼ûµÄº¯Êý»ò֮ǰ½éÉܵĺ¯Êý¶¨Ò巽ʽÓÐןܴóµÄÇø±ð¡£ÄÇôÔÚJavaScriptÖÐΪʲôÄÜÕâôд£¿ËüËù×ñѵÄÓï·¨ÊÇʲôÄØ£¿ÏÂÃ潫½éÉÜÕâЩÄÚÈÝ¡£
¡¡¡¡ÈÏʶº¯Êý¶ÔÏó£¨Function Object£©
¡¡¡¡¿ÉÒÔÓÃfunction¹Ø¼ü×Ö¶¨ÒåÒ»¸öº¯Êý£¬²¢ÎªÃ¿¸öº¯ÊýÖ¸¶¨Ò»¸öº¯ÊýÃû£¬Í¨¹ýº¯ÊýÃûÀ´½øÐе÷Óá£ÔÚJavaScript½âÊÍÖ´ÐÐʱ£¬º¯Êý¶¼ÊDZ»Î¬»¤ÎªÒ»¸ö¶ÔÏó£¬Õâ¾ÍÊÇÒª½éÉܵĺ¯Êý¶ÔÏó£¨Function Object£©¡£
¡¡
¡¡º¯Êý¶ÔÏóÓëÆäËûÓû§Ëù¶¨ÒåµÄ¶ÔÏóÓÐ×ű¾ÖʵÄÇø±ð£¬ÕâÒ»Àà¶ÔÏó±»³Æ֮ΪÄÚ²¿¶ÔÏó£¬ÀýÈçÈÕÆÚ¶ÔÏó£¨Date£©¡¢Êý×é¶ÔÏó£¨Array£©¡¢×Ö·û´®¶ÔÏó
£¨String£©¶¼ÊôÓÚÄÚ²¿¶ÔÏó¡£ÕâЩÄÚÖà ......
ʲôÊÇ AJAX ¿â API£¿
AJAX ¿â API ÊÇÒ»ÖÖÄÚÈÝ·Ö²¼ÍøÂ磬¿ÉÔØÈë×îÊÜ»¶ÓµÄ¿ªÔ´ JavaScript ¿âµÄ¼Ü¹¹¡£Í¨¹ýʹÓà Google AJAX API ÔØÈë³ÌÐòµÄ google.load() ·½·¨£¬ÄúµÄÓ¦ÓóÌÐòÄܹ»Ñ¸ËÙ´ÓÈ«ÇòÈκÎλÖ÷ÃÎʲ»¶ÏÔö³¤µÄ¡¢×îÊÜ»¶ÓµÄ¿ªÔ´ JavaScript ¿âÁÐ±í£¬°üÀ¨£º
jQuery
jQuery UI
Prototype
script.aculo.us
MooTools
Dojo
SWFObject
Yahoo! Óû§½çÃæ¿â (YUI)
Google Ö±½ÓÓë¹Ø¼üÏà¹ØÈËÔ±ÅäºÏÀ´Î¬»¤Ã¿¸ö¿âµÄÀûÒ棬²¢ÔÚ×îÐÂÎȶ¨°æ±¾·¢²¼Ê±½ÓÊÜÕâЩ°æ±¾¡£Ò»µ©ÎÒÃÇÍйܸø¶¨¿âµÄ°æ±¾£¬ÎÒÃdzÐŵÎÞÏÞÆÚµØÍйܸð汾¡£
AJAX ¿â API ÔÚʹÓÿ⼯ºÏµÄͬʱÏû³ýÁËÓà JavaScript ¿ª·¢»ì´îµÄ²»±ãÖ®´¦¡£ÎÒÃÇÏû³ýÁËÍйܿâµÄ²»±ãÖ®´¦¡¢ÕýÈ·µØÉèÖûº´æ±êÍ·¡¢Óë×îдíÎóÐÞÕýÈÕÆÚ±£³ÖÒ»Öµȡ£
<script src="http://www.google.com/jsapi"></script>
<script>
// Load jQuery
google.load("jquery", "1");
// on page load complete, fire off a jQuery json-p query
// against Google web search
google.setOnLoadCallback(function() {
$.g ......
AjaxÌí¼ÓÊý¾ÝÖ®ºó£¬Ë¢ÐÂǰ̨ҳÃ棬Êý¾ÝûÓб仯¡£
Ö»ÓÐÖØÐÂÕÒ¿ªIEÔÙÊäÈëµØÖ·£¬²ÅÄÜ¿´µ½Ð§¹û¡£
ÒÔÉÏÕâЩÊDz»ÊÇ»º´æµÄÔÒò°¡£¿Ôõô½â¾ö£¿
ajax»º´æÎÊÌâ½â¾ö;¾¶£º
1.ÔÚAJAXÇëÇóµÄÒ³Ãæºó¼Ó¸öËæ»úº¯Êý,ÎÒÃÇ¿ÉÒÔʹÓÃËæ»úʱ¼äº¯Êý
¼Óʱ¼ä´Á var url = BaseURL + "&timeStamp=" + new Date().getTime();
»òÕß
¼ÓËæ»úÊý var url = BaseURL + "&r=" + Math.random();
2.ÔÚXMLHttpRequest·¢ËÍÇëÇó֮ǰ¼ÓÉÏXMLHttpRequest.setRequestHeader("If-Modified-Since","0")
XMLHttpReq.open("GET", url, true);
XMLHttpReq.setRequestHeader("If-Modified-Since","0");
XMLHttpReq.onreadystatechange = processResponse;
XMLHttpReq.send(null);
µÚ¶þÖÖ·½·¨¸Ð¾õͦºÃ ......