AjaxÈý²½ÇúºÍDWRµÄʹÓÃ
ʹÓÃDWR¿ª·¢AjaxÓ¦Óãº
1¡¢µ¼ÈëDWRµÄJar°ü£ºdwr.jar;
2¡¢ÔÚ/WEB-INFÏÂÌí¼Ódwr.xmlÅäÖÃÎļþ£»
3¡¢ÔÚweb.xmlÎļþÖÐÅäÖÃdwrµÄ·þÎñÆ÷¶Ë×é¼þ£¨DwrServlet£©:
<!-- Ìí¼ÓDWRµÄServlet -->
<servlet>
<servlet-name>dwr</servlet-name>
<servlet-class>org.directwebremoting.servlet.DwrServlet</servlet-class>
<init-param>
<param-name>debug</param-name>
<param-value>true</param-value>
</init-param>
</servlet>
<servlet-mapping>
<servlet-name>dwr</servlet-name>
<url-pattern>/dwr/*</url-pattern>
</servlet-mapping>
4¡¢´´½¨JavaScriptµ÷ÓõķþÎñÆ÷¶Ë×é¼þ£¬¿ÉÒÔÊÇÒ»¸öÆÕͨµÄJavaÀࣻ
5¡¢¶Ôdwr.xmlÎļþ½øÐÐÅäÖÃ;
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE dwr PUBLIC "-GetAhead Limited//DTD Direct Web Remoting 2.0//EN"
"http://getahead.org/dwr/dwr20.dtd">
<dwr>
<allow>
//Ò»ÖÖ
<create javascript="userChecker" creator="spring">
<param name="beanName" value="userChecker" />
<include method="checkUserExists"/>
</create>
//ÁíÒ»ÖÖ
<create javascript="userChecker" creator="new">
<param name="class" value="biz.userBiz" />
<include method="checkUserExists"/>
</create>
</allow>
</dwr>
6¡¢ÔÚÒ³ÃæÖÐÌí¼Ó½Å±¾µÄÒýÓãº
<script type="text/javascript" src="dwr/interface/userChecker.js"></script>
<script type="text/javascript" src="dwr/engine.js"></script>
<script type="text/javascript" src="dwr/util.js"></script>
userChecker.check(uname,haoLEjiaowo);
¶þ¡£Í¨¹ýXMLHttpRequest¶ÔÏó
<script type="text/javascript">
var XMLHttpRequest;
function createXmlHttpRequest()
{
if(window.ActiveXObject)
{
return new ActiveXObject("Microsoft.XMLHTTP");
}else if(window.XMLHttpRequest)
{
return new XMLHttpReque
Ïà¹ØÎĵµ£º
´ò¿ªÇëÇó
¡¡¡¡ÓÐÁËÒªÁ¬½ÓµÄ URL ºó¾Í¿ÉÒÔÅäÖÃÇëÇóÁË¡£¿ÉÒÔÓà XMLHttpRequest ¶ÔÏóµÄ open() ·½·¨À´Íê³É¡£¸Ã·½·¨ÓÐÎå¸ö²ÎÊý:
request-type:·¢ËÍÇëÇóµÄÀàÐÍ¡£µäÐ͵ÄÖµÊÇ GET »ò POST£¬µ«Ò²¿ÉÒÔ·¢ËÍ HEAD ÇëÇó¡£
url:ÒªÁ¬½ÓµÄ URL¡£
asynch:Èç¹ûÏ£ÍûʹÓÃÒì²½Á¬½ÓÔòΪ true£¬·ñÔòΪ false¡£¸Ã²ÎÊýÊÇ¿ÉÑ¡µÄ£¬Ä¬ÈÏΪ true¡£
......
ajaxÖÐXMLHttpRequest²ÎÊýÏê½â ÊÕ²Ø
XJAX ,²¢²»ÊÇÒ»ÖÖÐÂ[url=javascript:;]¼¼Êõ[/url]µÄµ®Éú.Ëüʵ¼ÊÉÏ´ú±íµÄÊǼ¸Ïî¼¼Êõ°´Ò»¶¨µÄ·½Ê½×éºÏÔÚÒ»ÔÚͬ¹²µÄÐ×÷Öз¢»Ó¸÷×ÔµÄ×÷ÓÃ.
Ëü°üÀ¨£º
ʹÓÃXHTMLºÍ[url=javascript:;]CSS[/url]±ê×¼»¯³ÊÏÖ£»
ʹÓÃDOMʵÏÖ¶¯Ì¬ÏÔʾºÍ½»»¥£»
ʹÓÃ[url=javascript:;]XML[/url]ºÍXSLT½øÐÐÊý ......
°Ñ×Ô¼ºÐ´µÄjqueryдÏÂÀ´
±ÈÈçÏÖÔÚÓÐÒ»¸ö½çÃæ£¬·Ö×óÓÒÁ½²à£¬µ±µã»÷×ó²àµÄ±êÇ©£¬È»ºóÔÚÓÒ²à¿òÏÔʾ£¬ÊµÏÖÎÞˢм¼Êõ£¬ÕâÊÇ×î¼òµ¥µÄajaxÓ¦Óá¡
function touser() {
$.ajax({
url: "UserTable.aspx?timeStamp=" + new Date().getTime(),
success: function(msg) {
$("#ma ......
Accordion¿Ø¼þʱµÄ³£ÓÃÊôÐÔ±êÇ©
ÊôÐÔ±êÇ©Ãû Ãè¡¡¡¡Êö
SelectedIndex ¸Ã¿Ø¼þ³õ´Î¼ÓÔØÊ±Õ¹¿ªµÄAccordionPaneÃæ°åµÄË÷ÒýÖµ
HeaderCssClass ¸ÃAccordionÖаüº¬µÄËùÓÐAccordionPaneÃæ°åµÄ±êÌâÇøÓòËùÓ¦ÓõÄCSS Class
ContentCssClass ¸ÃAccordionÖаüº¬µÄËùÓÐAccordionPaneÃæ°åµÄÄÚÈÝÇøÓòËùÓ¦ÓõÄCSS Class
AutoSize Ô ......
Á˽âʹÓà ASP.NET AJAX ½øÐоֲ¿Ò³Ãæ¸üÐÂ
¼ò½é
MicrosoftµÄ ASP.NET ¼¼ÊõÌṩÁËÒ»¸öÃæÏò¶ÔÏó¡¢Ê¼þÇý¶¯µÄ±à³ÌÄ£ÐÍ£¬²¢½«ÆäÓëÒѱàÒë´úÂëµÄÓÅÊÆ½áºÏÆðÀ´¡£µ«Æä·þÎñÆ÷¶ËµÄ´¦ÀíÄ£ÐÍÈÔ´æÔÚ¼¼Êõ±¾ÉíËù¹ÌÓеļ¸µã²»×㣺
½øÐÐÒ³Ãæ¸üÐÂÐèÒªÍù·µ·þÎñÆ÷£¬Òò´ËÐèÒªÒ³ÃæË¢Ð£»
À´»ØÍù·µ²»»á±£Áô Javascript »òÆäËû¿Í»§¶Ë¼¼Êõ£¨Èç Ad ......