[ת]10´ó¼ÓËÙAjax¿ª·¢µÄ¿ò¼Ü
[http://www.okajax.com/a/200905/10ajax_framework_2.html]
1. APS.NETµÄ¹Ù·½½â¾ö·½°¸
ASP.NET AJAX
꿅᣼ajax.asp.net
ASP.NET AJAXÊÇ΢Èí.NETƽ̨ÉϵĽâ¾ö·½°¸£¬Ìṩº¸ÇËÅ·þÆ÷¶ËÓëÓû§¶ËËùÐèµÄAJAX¼¼ÊõÓëJavaScriptÕûºÏ»úÖÆ¡£
͸¹ýÓëÏÂÔØÓë°²×°ASP.NET AJAXµ½Visual Studio 2005µ±ÖУ¬¼´¿ÉÀûÓÃÔ¤ÉèµÄ¿ØÖÆÏ¿ª·¢³öһЩÊÓ¾õÌØÐ§Óë·Çͬ²½´«ÊäµÄÓ¦Óá£
ÁíÍ⣬ASP.NET AJAXÒ²Ìṩ¿ØÖÆÏîµÄToolkit£¬°üº¬¿ª·¢ÈËÔ±Ïë×ÔÐпª·¢AJAXÓ¦ÓÃʱËùÐèµÄ»ùµ×Àà±ðÓëר°¸·¶±¾¡£
ASP.NET AJAX³ýÁË´¦Àíä¯ÀÀÆ÷µÄÏàÈÝÐÔÎÊÌ⣬ҲÈÃÓû§¶ËµÄJavaScriptÔÚ¿ª·¢Ê±¼ÓÈëÎï¼þµ¼ÏòÌØÐÔ£¬ÀýÈçÐͱðϵͳ¡¢×ÊÁÏÐͱð¡¢ÃüÃû¿Õ¼ä¡¢Ê¼þµÈ£¬Ê¹µÃ³ÌʽÂë¸üÈÝÒ׳ý´í¡¢Î¬»¤ÓëÖØ¸´Ê¹Óá£
ËäÈ»ASP.NET AJAXÌṩËÅ·þÆ÷ÓëÓû§¶ËµÄ½â¾ö·½°¸£¬Í¸¹ýVisual Studio2005¼Ó³Ö£¬Ò²Èÿª·¢¡¢³ý´íµÄÄѶȽµµÍ£¬²»¹ýºÍÆäËûAJAX¿ò¼ÜÏà±È£¬Ðí¶àAJAXЧ¹ûºÍ¹¦Äܶ¼»¹ÔÚ²âÊԽ׶Σ¨ÔÚCTP°æ±¾Öй©Óû§²âÊÔ£©£¬¿ÉÒÔÓ¦ÓõŦÄÜÓÐÏÞ¡£
2.Ö§Ô®¡¸ÉÏÒ»Ò³¡¹Óë¼ÓÈ롸ÎÒµÄ×î°®¡¹¹¦ÄÜ
Dojo
꿅᣼dojotoolkit.org
һЩÇáÇɵÄAjax¿ò¼Ü£¬ÓÃÒâÔÚ½â¾öJavaScriptÓöµ½µÄÒ×ÓÃÐÔ»òÌØÐ§ÎÊÌ⣬Ïà½Ï֮ϣ¬Dojo¸üÏñÊǸö̾̾¾ãµ½µÄJavaScript¹¤¾ßÌײͣ¬ºÅ³Æ¿ÉÒÔ½µµÍÍøÒ³»òÍøÒ³Ó¦ÓóÌʽǰ¶Ë¿ª·¢ËÙ¶È¡£
DojoÖ§Ô®ÍÏÀ¡¢µ³ö¡¢µÈë¡¢ÒÆ¶¯¡¢Í¸Ã÷¡¢²Ù×÷SVGͼµµµÈ¶¯Ì¬Ð§¹û£¬ËüµÄWidgetÒ²ÈÃʹÓÃÕß¿ÉÒÔÇáÒ×ʹÓÃÑ¡µ¥£¬·ÖÒ³±êÇ©£¨tab£©¡¢Ê÷×´½á¹¹¡¢ÈÕÀú¡¢ÎÄ×Ö±à¼Æ÷µÈЧ¹û£¬µ±È»Ò²Ö§Ô®·Çͬ²½´¦ÀíµÄAjax¹¦ÄÜ¡£
ÁíÍ⣬AjaxÓÉÓÚÒÔ¶¯Ì¬µÄ·½Ê½²Ù×÷ÎļþÎï¼þ£¬µ¼ÖÂʹÓÃÕßϰÓÚʹÓÃÉÏÒ»Ò³¡¢ÏÂÒ»Ò³µÄ¹¦ÄÜÎÞ·¨Ê¹Óã¬Ò²ÎÞ·¨ÀûÓÃÏñÊÇ¡¸ÎÒµÄ×î°®¡¹µÄ¹¦ÄÜ£¬½«Ê¹ÓÃÕßËùÐèµÄÒ³ÃæÁôÏÂÕýÈ·µÄÊéÇ©£¬µ«ÕâЩÐèÇóDojo¶¼ÒÑÓнⷨ¡£
±ÈÆðÆäËûÇáÇÉÐ͵ÄAjax¿ò¼Ü£¬ÒªÃþÊìDojoÏÔȻҪϽ϶àµÄ¹¦·ò²ÅÄÜÕÆÎÕ£¬Ä¿Ç°Îļþ½ÏÉÙÒ²ÊǸöÎÊÌâ¡£²»¹ýÓÉÓÚËüµÄ¹¦ÄܸüΪÍêÕû£¬Òò´Ë¿ª·¢ÈËÔ±ÐèÒª×ÔÐмӹ¤µÄµØ·½¾ÍÏà¶Ô½ÏÉÙ¡£
3.¿ÉÓÉJavaScriptºô½ÐJavaÓï·¨
DWR(Direct Web Remoting)
꿅᣼www.getahead.ltd.uk/dwr
DWRÊÇÉè¼Æ¸øJavaÓïÑÔµÄAjax¿ò¼Ü£¬Èÿª·¢ÈËÔ±¿ÉÒÔÀûÓÃJavaScript³Ìʽºô½ÐJavaÓï·¨¡£
DWRµÄÔË×÷¿É·ÖΪÁ½¸ö²¿·Ö£¬Ò»·½ÃæÓÃÔÚä¯ÀÀÆ÷ÉÏ£¬´¦ÀíÁ¬½ÓËÅ·þÆ÷¶ËJava³Ìʽ£¬ÁíÒ»²¿·ÖÔòÊÇÓÃÀ´Õ¹Ê¾»Ø´«×ÊÁÏ¡£Í¸¹ýDWRºô½ÐJavaµÄº¯Ê½£¬Ëü»á´¦ÀíÁ¬½Ó´¦ÀíµÄϸ½Ú£¬¶øµ±×ÊÁϱ»´¦ÀíÍê³Éºó£¬DWR¾Í»áÖ´Ðлغôº¯Ê½£¬ÒÔ½øÐкóÐø³ÊÏֵĴ¦Àí¡£
ÔÚ°²×°DWRʱ±ØÐë±à¼WebÓ¦ÓóÌʽµÄ²¿ÊðÃèÊöµµ°¸£¬¶ø
Ïà¹ØÎĵµ£º
ǰ̨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ʵÏÖ½«Êó±ê·Åµ½Í¼±êÉÏ£¬Ï·½»áÏÔʾºÍ¸ÃͼÓйصÄÐÅÏ¢
¿Í»§¶Ë´úÂë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=" ......
AJAXÀà
// AJAXÀà
function AJAXRequest() {
var xmlObj = false;
var CBfunc,ObjSelf;
ObjSelf=this;
try { xmlObj=new XMLHttpRequest; }
catch(e) {
try { xmlObj=new ActiveXObject("MSXML2.XMLHTTP"); }
catch(e2) {
try { xmlObj=new ActiveXObject("Microsoft.XMLHTTP"); }
catch(e ......
ÕâÀï²»ÊÇÖ¸µ÷Óüòµ¥µÄ PageMethod£¬ÒòΪ¾²Ì¬·½·¨ÊDz»ÄܲÙ×÷µ±Ç°Ò³ÃæµÄ¿Ø¼þµÄ£¬ËùÒÔ¾²Ì¬µÄ PageMethod ×÷Óþ͸úÆÕͨµÄ WebService Ò»Ñù£¬±È½Ï¾ÖÏÞ¡£
ÄÇô£¬µ÷ÓÃÒ»°ãµÄ·þÎñÆ÷¶Ë·½·¨£¬Æäʵ¾ÍÊÇ·¢ÆðÒ»¸öÒì²½»Øµ÷¡£×î¼òµ¥µÄʵÏÖ°ì·¨£¬ÊÇͨ¹ý UpdatePanel À´×ö¡£
Ê×Ïȶ¨ÒåÒ»¸öÒþ²ØµÄ LinkButton£¬ÔÚÆä´¦ÀíʼþÖУ¬È¥µ÷ÓÃÎÒÃÇÒªÖ ......
11ÔÂ21ÈÕÍí£·µãÓ¦ÑûÔÚÎ人´óѧÐÅϢѧԺ×öÁËÒ»³¡¹ØÓÚASP.NETÏÂAJAX¿ª·¢µÄ±¨¸æ£¬ÒÔÎÒ×Ô¼º¾Àú½²ÊöÁËÒ»Ð©ÌØÊâÓ¦ÓÃÔÚ¹ýÈ¥µ½ÏÖÔÚʵÏÖÊֶεı仯£¬±¾À´Ïë»Ø¼ÒÖ®ºó×ö¸ö×ܽáµÄ£¬µ«ÊÇÓÉÓÚ×î½üÒÔÀ´ÊÂÇéÒ»Ö±ºÜ¶à£¬ËùÒÔûÓÐÀ´µÃ¼°×ܽᡣ½ñÍíµÃÒÔÓпÕ×ܽáһϡ£
AJAX½éÉÜ
ÆäʵAJAXÓ¦ÓÃµÄ ......