Ajax µ¯¶Ô»°³ö¿ò
±¾ÎĽ«Ê¹ÓÃAjaxToolkitÖеē PopupControlExtender £¬ DynamicPopulateExtender £¬ DragPanelExtender ”¿Ø¼þÀ´¹¹½¨Ò»¸öµ¯³ö¶Ô»°¿ò£¬¿ÉÒÔʵÏÖµ¯³ö¶Ô»°¿ò£¬¶Ô»°¿ò¿ÉÍ϶¯µÈ¹¦ÄÜ¡£±È½ÏÊʺÏ×öÿÈÕÒ»ÌùµÈЧ¹û
Ê×ÏȽâÊÍÏÂÏ£¬Èý¸ö¿ØÖƵÄ×÷Óãº
PopupControlExtender:ÊÇÒ»¸ö¿ÉÒÔ¿ØÖÆPopupÔØÌåµÄ×é¼þ£¬Ëü±¾Éí ²¢²»»á²úÉúPopup¿Ø¼þ£¬ËüµÄ×÷ÓÃÊÇ¿ØÖÆPopupÔØÌ壬ÀýÈçpanel£¬divµÈµÄÏÔʾ.
DynamicPopulateExtender:ÊÇÒ»¸ö¿ÉÒÔʵÏÖ¶¯Ì¬Ð§¹ûµÄ×é¼þ.
DragPanelExtender:ʵÏÖÍÏקЧ¹ûµÄ×é¼þ.
Ê×ÏÈÎÒÃÇÐèÒª´´½¨Ò»¸öPopupµÄÔØÌ壬ÕâÀïÎÒÃDzÉÓÃasp.net µÄPanel¿Ø¼þ, ¾ßÌå´úÂëÈçÏ£º
<asp:Panel ID="pnlPopup" runat="server" CssClass="frame" Style="display: none" mce_Style="display: none">
<div class="overlay">
<asp:Panel ID="pnlHeader" runat="server" CssClass="header">
<asp:Label ID="Label1" runat="server" CssClass="msg" Text="Tip of the Day" />
<asp:LinkButton ID="LinkButton1" runat="server" CssClass="close" OnClientClick="$find('popup').hidePopup(); return false;" />
</asp:Panel>
<asp:Panel ID="pnlBody" runat="server" CssClass="body">
<%= NextTip() %>
</asp:Panel>
<div class="footer">
<asp:Button ID="btnNextTip" runat="server" Text="Next Tip" OnClientClick="return false;" />
<asp:Button ID="Button1" runat="server" Text="Close" OnClientClick="$find('popup').hidePopup(); return false;" />
</div>
</div>
<div class="underlay">
</div>
</asp:Panel>
<asp:Button ID="btnPopup" runat="server" Text="Show Tip of the Day" OnClientClick="return false;" />
<%// The e
Ïà¹ØÎĵµ£º
½ñÌìÔçÉÏÀÏÙ¡½«×òÌìµÄÁ·Ï°½øÐÐÁ˽²½â¡£½ñÌìµÄÖ÷ÒªÄÚÈÝÊǶÔAJAXµÄ»ã×ÜÁ·Ï°£¬×öÁËÁ½¸öÁ·Ï°¶¼ÊDZȽϳ£Ê¹ÓõÄÓ¦Óá£
Ò»¡¢ ÏÂÀ¿òµÄ¼¶Áª£¬±ÈÈ磬ѡÔñÏÂÀ¿òÒ»ÖеÄÄÚÈÝ£¨³ÇÊÐÃû³Æ£©£¬ÔÚÏÂÀ¿ò¶þÖÐÏÔʾÔÚÕâ¸ö³ÇÊÐÖеIJ¿ÃÅ¡£ÔÚÏÂÀ ......
//Óû§ÃûУÑéµÄ·½·¨
//Õâ¸ö·½·¨½«Ê¹ÓÃXMLHTTPRequest¶ÔÏóÀ´½øÐÐAJAXµÄÒì²½Êý¾Ý½»»¥
var xmlhttp;
function verify() {
//0¡£Ê¹ÓÃdomµÄ·½Ê½»ñÈ¡Îı¾¿òÖеÄÖµ
//document.getElementById("userName")ÊÇdomÖлñÈ¡ÔªËØ½ÚµãµÄÒ»ÖÖ·½·¨£¬Ò»¸öÔªËØ½Úµã¶ÔÓ¦HTMLÒ³ÃæÖеÄÒ»¸ö± ......
»·¾³£ºAjax+JSP£¬Tomcat5.05
²Î¿¼£ºhttp://www.w3cschool.cn/index-24.asp.htm
Îļþ£ºtestAjax.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb ......
Ä¿µÄ£ºÍ¨¹ýÒ»¸öỊ̈߳¬ÅжÏSESSIONÊÇ·ñ¹ýÆÚ£¬Èç¹û¹ýÆÚ£¬µ÷Óÿͻ§¶ËÒ³ÃæµÄJS£¬°ÑÐÅÏ¢ÍÆ¸ø¿Í»§¶Ë¡£
ÎÒÃÇÒªÈÃDWR³ÌÐòÖ§³Ö·´ÏòAJAX¡£ÐèÒªÔÚweb.xmlÖÐDWRServletÀïÌí¼ÓÒ»¸ö³õʼ»¯²ÎÊý£¬ÁíÍâÒªÅäÖÃÒ»¸ö¼àÌýÆ÷£¬ÔÚÊʺϵÄʱºò¹Ø±ÕÏ̡߳£
ÈçÏÂÊÇweb.xmlÖеÄÅäÖÃ
<listener>
< ......
AJAX±íµ¥Ìá½»·½·¨£¨JSON£©
1./*****JAVA**************************************************************/
JAVAÀàÖУº
/*****JAVA**************************************************************/
2./*****struts.xml**************************************************************/
struts.xmlÎļþÖУº
......