AJAX Control ToolkitµÄ°²×°
ĬÈÏÇé¿öÏÂAJAX Control Toolkit²¢Ã»Óа²×°µ½VS2008ÖУ¬¿ª·¢ÈËÔ±ÐèÒªµ¥¶ÀÏÂÔØ²¢½øÐа²×°¡£ÍøÖ·ÈçÏ£ºhttp://ajaxcontroltoolkit.codeplex.com/Release/ProjectReleases.aspx?ReleaseId=27326 £¬AJAX Control ToolkitÊÇÒ»¸ö²»¶Ï¸üеÄÏîÄ¿£¬¸ÃÍøÒ³½«Ã¿¶Îʱ¼äÄÚ·¢²¼¶Ô¸Ã¹¤¾ß°üµÄ¸üС£ÔÚ¸ÃÒ³ÃæÖÐÑ¡ÔñAJAXControlToolkitSource.zip¡£ÔÚµ¯³öÐí¿ÉÐÒé´°¿ÚÖе¥»÷I AGREE£¬¸Ã´°¿ÚÊÇÒ»¸öµäÐ͵ÄAJAX Control Toolkit¿Ø¼þÓ¦Óá£ÏÂÔØºó½âѹËõºó»á¿´Èý¸öÎļþ¼ÐºÍÒ»¸öÃûΪAJAX Control Toolkit.slnµÄ½â¾ö·½°¸Îļþ£¬ÔÚVS2008Öдò¿ª¸Ã½â¾ö·½°¸×ÊÔ´Îļþ»á¿´µ½½â¾ö·½°¸×ÊÔ´¹ÜÀíÆ÷ÖÐÓÐ4¸öÏîÄ¿¡£
¸÷¸öÏîÄ¿·Ö±ðÈçÏÂËùʾ¡£
1¡¢AJAXControlToolkit£º°üº¬Control ToolkitÖÐËùÓпؼþµÄÔ´´úÂë¡£
2¡¢SampleWebSite:°üº¬µÚ¸ö¿Ø¼þµÄʹÓ÷½·¨µÄʾÀýÍøÕ¾£¬¸Ã¾ÈÃüÍøÕ¾¶ÔÓÚѧϰAJAX Control ToolkitÖеĿؼþ·Ç³£ÓаïÖú¡£
3¡¢ToolkitTests:°üº¬ËùÓпؼþµÄ×Ô¶¯»¯²âÊÔ´úÂë¡£
ΪÁËÄÜÔÚVS2008ÖÐʹÓÃAJAX Control Toolkit¿Ø¼þ£¬ÐèÒª½«ÆäÌí¼Óµ½VS2008µÄ¹¤¾ßÏäÖС£½øÈ빤¾ßÏäµÄAJAX ExtensionsÀ¸ÓÒ»÷Êó±ê£¬Ñ¡Ôñ“Ñ¡ÔñÏI)……”²Ëµ¥£¬½«³öÈçÏÂͼ£º
Ôڸô°¿ÚÖе¥»÷“ä¯ÀÀ”°´Å¥£¬ÔÚµ¯³öµÄÑ¡ÔñÎļþ´°¿ÚÖÐÑ¡ÔñSampleWebSiteϵÄBinÎļþ¼ÐϵÄAJAX Control Toolkit.dllÎļþ¡£
µ¥»÷È·¶¨°´Å¥AJAX Control Toolkit±ãÌí¼Óµ½ÁËAJAX Extensions¹¤¾ßÀ¸ÏÂÃæ£¬ÈçÏÂͼ£º
×¢£ºAJAX Control Toolkit¿Ø¼þÿ´Î´ò¿ªVS2008ºó¶¼µÃÖØÐÂÌí¼Ó¡£
Ïà¹ØÎĵµ£º
=================Ajax & Javascript====================
[½²Ê¦]Ù¡¸Õ
[½éÉÜ]½²¿Î²»´í£¬È˳¤µÄÒ²»¹²»´í£¬
[½²¿ÎÄÚÈÝ]Ö÷Òª½²struts1¡¢javascript¡¢ajax¡¢hibernate¡¢±àÂë¼Óǿ֮ÏîĿʵս¡¢UML
¡¾JavaScript¡¿
====Ãû´Ê½âÊÍ====
a.DOM½éÉÜ£ºDocument Object Model(Îı¾¶ÔÏóÄ£ÐÍ)
D£ºÎĵµ – html Îĵµ » ......
1£® Ê×ÏÈÏÂÔØ dwr.jar°ü£¬ÏÂÔØµØÖ·: http://directwebremoting.org/dwr/
2£® ÔÚÓ¦ÓÃÖÐÒýÈë dwr.jar°ü
3£® ÐÞ¸Äweb.xmlÅäÖÃÎļþ
<servlet>
<servlet-name>dwr</servlet-name>
......
<script type="text/javascript">
function AjaxFunction()
{
var xmlHttp;
try
{
// Firefox, Opera 8.0+, Safari
xmlHttp=new XMLHttpRequest();
& ......
Ò»¡¢ajaxµÄÈëÃÅ
1¡¢XMLHttpRequest¶ÔÏóµÄʹÓã¨Ê¹ÓÃXMLHttpRequest½âÎöxmlÎļþ£©
onreadystatechange
Ö¸¶¨µ±readyStateÊôÐԸıäʱµÄʼþ´¦Àí¾ä±ú
open()
´´½¨Ò»¸öеÄhttpÇëÇ󣬲¢Ö¸¶¨´ËÇëÇóµÄ·½·¨¡¢URLµÈÐÅÏ¢
send()
·¢ËÍÇëÇóµ½http·þÎñÆ÷²¢½ÓÊÕ»ØÓ¦
& ......
<style type="text/css">
<!--
.STYLE1 {
font-size: 24px;
font-weight: bold;
}
.STYLE2 {font-size: 36px}
-->
.mouseOut {
color: #000000;
}
.mouseOver {
&nb ......