web2.0ºá¿Õ³öÊÀ£¬ajaxÊ×µ±Æä³å£¬½ñÌì×öwebµÄÈç¹ûÔÙ²»Ñ§µãajaxµÄ»°£¬¾ÍÏÔµÄÂäÎéÁË£¬¶øѧajaxµÄÓõĻ·¾³Èç¹ûÊÇasp.net£¬ÄÇajax.netÄã¾Í²»µÃ²»Ñ§ÁË¡£Ê×ÏȾÍÊÇ»·¾³µÄÅäÖã¬ÈçÏÂ
vs2005+sql2005+Winxp sp2+ie6.0+Office2003
¹¤¾ßÏÂÔØ
1.ASPAJAXExtSetup.msi
http://download.microsoft.com/download/5/4/6/5462bcbd-e738-45fa-84ca-fa02b0c4e1c2/ASPAJAXExtSetup.msi
2.ASPAJAXSourceCode.msi
http://download.microsoft.com/download/6/d/6/6d6c7c47-b9ff-4934-bb03-8a45b8418d35/ASPAJAXSourceCode.msi
3.AjaxControlToolkit
AjaxControlToolkit-NoSource
AjaxControlToolkit
ÏÖÔÚ¸ø³öÏÂÔØÁ´½Ó¡£http://ajax.asp.net/downloads/default.aspx?tabid=47
http://www.codeplex.com/AtlasControlToolkit/Release/ProjectReleases.aspx?ReleaseId=1425
»·¾³ÉèÖÃÈçÏ£º
ÏÂÔØÍê ASPAJAXExtSetup.msi °²×°¸üкóÔÚÄãµÄϵͳÅÌϵģ¨ÒÔCÅÌΪÀý£© ³öÏÖÕâ¸ö Îļþ¼Ð£º
C:\Program Files\Microsoft asp.NET\ASP.NET 2.0 ajax Extensions\v1.0.61025
°²×°Õâ¸öºóÎÒÃǾͿÉÒÔ´´½¨Asp.net AJAXEnabledWebSiteÕ¾µãÁË£¬ÕâÆäʵ¾ÍÊǸöajax.netÍøÕ¾µÄÄ£°å¡£µ«ÊÇÎÒÃÇÏÖÔÚ»¹²»ÄÜ ......
<mce:script language=javascript><!--
//×¢²áÃüÃû¿Õ¼ä
Type.registerNamespace("Demo");
Demo.Message=function(content,publishTime)
{
this._content = content;
this._publishTime = publishTime;
}
Demo.Message.prototype=
{
get_content: function()
{
return this._content;
},
get_publishTime: function()
{
return this._publishTime.format("yyyy-MM-dd HH:mm:ss");
},
toString: function()
{
return this.get_content() + " " + this.get_publishTime();
}
}
//×¢²áÀà
Demo.Message.registerClass("Demo.Message");
Demo.IContent=function()
{
}
Demo ......
<mce:script language=javascript><!--
//×¢²áÃüÃû¿Õ¼ä
Type.registerNamespace("Demo");
Demo.Message=function(content,publishTime)
{
this._content = content;
this._publishTime = publishTime;
}
Demo.Message.prototype=
{
get_content: function()
{
return this._content;
},
get_publishTime: function()
{
return this._publishTime.format("yyyy-MM-dd HH:mm:ss");
},
toString: function()
{
return this.get_content() + " " + this.get_publishTime();
}
}
//×¢²áÀà
Demo.Message.registerClass("Demo.Message");
Demo.IContent=function()
{
}
Demo ......
FlexÓëAjax½»»¥
ÈýÏ¿´óѧÍÁľˮµçѧԺФÔóÔÆ
FlexÓëAjax¶¼ÊÇ¿ª·¢AIR·Ç³£ºÃµÄ¼¼Êõ£¬ËüÃǸ÷ÓÐÓÅȱµã¡£Flex¸ü¼òµ¥£¬Ð§¹û¸ü¼Ó¿á£¡µ«ÊÇÔÚ¹¦ÄÜ¿ª·¢µÈ·½Ãæ²»¼°Ajax³ÉÊì¡£×îÀíÏëµÄ¾ÍÊÇÈ«²¿ÓÃFlexÀ´¿ª·¢ÊµÏÖ£¬µ«ÕâÖ»ÊÇÒ»ÖÖÀíÏë״̬£¬ºÜ¶àʱºòÎÒÃÇ»¹ÊÇÒªÓõ½Ajax¡£ÎÒÃǾ³£ÐèÒª½«Ç¶Èëµ½ Ajax Ó¦ÓóÌÐòÖеĻùÓÚ Flash µÄ×ÊÔ´¼¯³ÉÔÚÒ»Æð¡£FABridge£¨Adobe Flex Ajax Bridge£©ÊÇÓÉ Adobe ¿ª·¢µÄ´úÂë¿â£¬ÓÃÓÚFlexÓëAjaxÖ®¼äµÄ½»»¥£¬Òâζ×ÅÁ¬½ÓFlexÓëAjaxµÄÇÅÁº¡£±¾ÎĽ«½éÉÜÈçºÎʹÓà FABridge ½« Flash ÄÚÈÝÓëÏÖÓÐ Ajax ÄÚÈݼ¯³ÉÔÚÒ»Æð¡£
1¡¢FABridge¿âÎļþ
FABridge¿â°üº¬Á½¸öÎļþ£ºFABridge.asºÍFABridge.js¡£
Ò»°ãÇé¿ö£¬Èç¹ûÓû§°²×°ÁËFlex Builder£¬ÔòÔÚ°²×°Â·¾¶ÏµÄ\sdks\3.1.0\frameworks\javascript\fabridge\src\bridge·¾¶Ï£¬ÈçC:\Program Files\Adobe\Flex Builder 3\sdks\3.1.0\frameworks\javascript\fabridge\src\bridge£¬ÈçÏÂͼËùʾ£º
Èç¹ûÓû§Ã»ÓÐÕâÁ½¸öÎļþ£¬¿ÉÒԲο¼¸½Â¼£¬½«´úÂ븴ÖƵ½Îı¾ÖУ¬È»ºó±£´æΪFABridge.asÎļþºÍFABridge.jsÎļþ¡£
2¡¢Ð½¨Ò»¸öFlexÏîÄ¿£¬ÏîÄ¿Ãû³ÆΪFlexAjax£¬ÈçÏÂͼËùʾ£º
3¡¢Ð½¨Ò»¸öÎļþ¼Ð£¬ÆäÃû³ÆΪbridge£¬²¢°ÑÎļþFABridge.as¸´ÖƵ ......
ʹÓÃjsµ÷ÓÃXMLHttpRequest½øÐÐajaxͨѶʱ£¬Èç¹û·þÎñÆ÷¶ËÒª´«µÝµÄÊý¾ÝÖÐÓÐÖÐÎÄʱ£¬ÎÒÃǵĽâ¾ö°ì·¨¡£
1¡¢Ò³Ã棺
Ò»°ãÔÚÒ³ÃæÎÒÃÇΪÁË·½±ã£¬×îºÃʹÓÃUTF-8±àÂë¡£
2¡¢·þÎñÆ÷¶Ë£º
ÎÒÃÇÔÚ·þÎñÆ÷¶ËµÄ´úÂëÀïÃæ¶Ôresponse¶ÔÏóµÄÉèÖÃÈçÏ£º
//ÉèÖÃresponseµÄ±àÂë
response.setContentType("text/xml ; charset=UTF-8");
........//response.setHeader( name, contect );
//ÉèÖÃÊä³öÁ÷¶ÔÏó£¬Ò»¶¨ÒªÐ´ÔÚresponse.setContentType()Ö®ºó£¬²»È»¾ÍÖÐÎÄÂÒÂë
PrintWriter out = resonse.getWriter();
String out ="";//ÄãµÄÄÚÈÝ
........//³õʼ»¯ÄÚÈÝ
out.println();
out.close();
......
1. ¾µÍ·Ç¨áãÓ¦µ±Ó¦ÓÃʵʩ¾µÍ·Öض¨ÏòµÄResponse.Redirect¶ø²»ÊÇServer.Transfer£¬ÓÉÓÚServer.Transfer²»¸Ä±äIE¿Í»§¶ËURL£¬ÄÜÒÔÖÂASP.NET AJAX¿Í»§¶Ë½Å±¾·ÃÎÊ×ÊÔ´µÄʱ·Ö³öÏÖURL´í´¦¡£
¶þ.ÔÚ·þÎñÆ÷¶ËµÇ¼Ç½Å±¾ºÍÑÚ²Ø×Ö¶ÎÓ¦µ±Ê©ÓÃÖÖScriptManager£¬¶ø²»ÊÇPage.ClientScript¶ÔÏó£¬ÓÉÓÚPage.ClientScriptµÄ²½ÖèÊǽ«½Å±¾µÇ¼Ç¸ø´ó¾Ö¶ÔÏó£¬ÄÜÂÞÖÂÈçÈô¿ªÕ¹¾Ö²¿¸üУ¬ÕâЩ½Å±¾²»»áËÍÀ´¿Í»§¶Ë£¬¶øScriptManagerµÄ²½ÖèÕýÏà·´¡£ScriptManagerÖֱ¹ܾµÍ·ÉÏÓÐûÓÐScriptManager¿Ø¼þ¶¼¿ÉÒÔÊ©Óá£
Èý.°ÑÒª½øÕ¹¾Ö²¿¸üеÄʼþÔ´¿Ø¼þºÍÒª¿ªÕ¹µÄ¿Ø¼þ¶¼·ÅÈëµ½UpdatePanelÖУ¬ÈçÆäÖ»ÊDZ»¸üеĿؼþ·ÅÔÚUpdatePanelÖУ¬¶øʼþÔ´¿Ø¼þÔÚUpdatePanelÍâͬÑù»á´¥·¢»¹·¢Ê¼þË¢ÐÂÒøÄ»¡£
ËÄ.°Ñ¸üÐÂʱÉæ¼°µ½µÄÑÚ²Ø×ֶκÍÑڲؿؼþÒ²¶¼·Åµ½UpdatePanelÖС£ÈçÈô°µ²Ø×ֶβ»·Åµ½UpdatePanelÖУ¬¸üеÄʱ·Ö±ãû·¨Åú¸ÄËüµÄÖµ£¬Í¬ÀíÒª²Ù×÷µÄÑڲؿؼþ²»ÔÚUpdatePanelÖÐҲû·¨¶ÔÆ俪չ²Ù×÷¡£
Îå.ASP.NET AJAXµÄ½Å±¾²½ÖèÒªÔÚScriptManager±êÇ©ÒÔºóʵʩ£¬ÓÉÓÚÖ÷ÅScriptManagerµÄµØ¸Õ²ÅÊÇÖ²ÈëASP.NET AJAX½Å±¾¿âµÄµØ·½£¬ÕâÒ²¾ÍÒâζÔÚ´Ë֮ǰµÄ´úÂëÊÇÎÞ·¨·ÃÎʽű¾¿â²½ÖèµÄ¡£
Áù.×¢Òâ´¦ÖÃSys.WebFormsÒì³££¬ÓÉÓÚÕâÐ©Ò ......
1. ¾µÍ·Ç¨áãÓ¦µ±Ó¦ÓÃʵʩ¾µÍ·Öض¨ÏòµÄResponse.Redirect¶ø²»ÊÇServer.Transfer£¬ÓÉÓÚServer.Transfer²»¸Ä±äIE¿Í»§¶ËURL£¬ÄÜÒÔÖÂASP.NET AJAX¿Í»§¶Ë½Å±¾·ÃÎÊ×ÊÔ´µÄʱ·Ö³öÏÖURL´í´¦¡£
¶þ.ÔÚ·þÎñÆ÷¶ËµÇ¼Ç½Å±¾ºÍÑÚ²Ø×Ö¶ÎÓ¦µ±Ê©ÓÃÖÖScriptManager£¬¶ø²»ÊÇPage.ClientScript¶ÔÏó£¬ÓÉÓÚPage.ClientScriptµÄ²½ÖèÊǽ«½Å±¾µÇ¼Ç¸ø´ó¾Ö¶ÔÏó£¬ÄÜÂÞÖÂÈçÈô¿ªÕ¹¾Ö²¿¸üУ¬ÕâЩ½Å±¾²»»áËÍÀ´¿Í»§¶Ë£¬¶øScriptManagerµÄ²½ÖèÕýÏà·´¡£ScriptManagerÖֱ¹ܾµÍ·ÉÏÓÐûÓÐScriptManager¿Ø¼þ¶¼¿ÉÒÔÊ©Óá£
Èý.°ÑÒª½øÕ¹¾Ö²¿¸üеÄʼþÔ´¿Ø¼þºÍÒª¿ªÕ¹µÄ¿Ø¼þ¶¼·ÅÈëµ½UpdatePanelÖУ¬ÈçÆäÖ»ÊDZ»¸üеĿؼþ·ÅÔÚUpdatePanelÖУ¬¶øʼþÔ´¿Ø¼þÔÚUpdatePanelÍâͬÑù»á´¥·¢»¹·¢Ê¼þË¢ÐÂÒøÄ»¡£
ËÄ.°Ñ¸üÐÂʱÉæ¼°µ½µÄÑÚ²Ø×ֶκÍÑڲؿؼþÒ²¶¼·Åµ½UpdatePanelÖС£ÈçÈô°µ²Ø×ֶβ»·Åµ½UpdatePanelÖУ¬¸üеÄʱ·Ö±ãû·¨Åú¸ÄËüµÄÖµ£¬Í¬ÀíÒª²Ù×÷µÄÑڲؿؼþ²»ÔÚUpdatePanelÖÐҲû·¨¶ÔÆ俪չ²Ù×÷¡£
Îå.ASP.NET AJAXµÄ½Å±¾²½ÖèÒªÔÚScriptManager±êÇ©ÒÔºóʵʩ£¬ÓÉÓÚÖ÷ÅScriptManagerµÄµØ¸Õ²ÅÊÇÖ²ÈëASP.NET AJAX½Å±¾¿âµÄµØ·½£¬ÕâÒ²¾ÍÒâζÔÚ´Ë֮ǰµÄ´úÂëÊÇÎÞ·¨·ÃÎʽű¾¿â²½ÖèµÄ¡£
Áù.×¢Òâ´¦ÖÃSys.WebFormsÒì³££¬ÓÉÓÚÕâÐ©Ò ......
±³¾°ÃèÊö£º
ÓÐÒ»¸ö±íµ¥£¬ÀïÃæÓÐÐÕÃû£¬êdzƣ¬µç»°µÈÐÅÏ¢£¬È»ºóÌá½»µÄʱºòÒª½øÐÐһЩÅжϣ¬±ÈÈçÊDz»ÊÇûÓÐÌîд£¬µç»°ºÅÂëÊÇ·ñ·ûºÏ¹æÔòµÈµÈ£¬Åжϲ»Í¨¹ýµÄ»°£¬Ôò×èÖ¹Ìá
½»¡£»¹ÓÐÒ»ÏîÐèÇóÊÇÅжÏêdzÆÊÇ·ñº¬ÓÐϵͳҪ¹ýÂ˵Ĵʻ㣬¶øÕâЩ´Ê»ãµÄÁбí´æ·ÅÔÚ·þÎñÆ÷ÉÏ£¬ËùÒÔÐèÒªÓõ½ajaxÀ´×ö¡£
ÎÒµÄ×ö·¨ÊÇÔÚformÀï¼ÓÉÏonsubmit="return checkForm();"£¬Èç¹ûcheckForm£¨£©·µ»Øfalse£¬½«×èÖ¹Ìá½»£¬Èç¹û·µ»Øtrue£¬±íµ¥¾ÍÌá½»ÁË¡£
ÎÊÌâÃèÊö£º
Ç°ÃæµÄÄÇЩÅж϶¼¿ÉÒÔ×èÖ¹£¬µ«ÊÇajaxµÄÈ´²»ÐУ¬ÒòΪajaxÊÇÒì²½µÄ£¬È磺
function checkForm(
)
{
if
(
document.
getElementById(
'name'
)
.
value =
=
''
)
{
alert(
'Ãû×Ö²»ÄÜΪ¿Õ'
)
;
return false;
}
requestAjax(
'test.php'
,
'par=val'
,
'get'
,
callback)
;
}
function callback(
......