Ò׽ؽØÍ¼Èí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö160KB

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


Ïà¹ØÎĵµ£º

ʹÓÃJavaScriptºÍAjax·¢³öÒì²½ÇëÇóÏê½â

´ò¿ªÇëÇó
¡¡¡¡ÓÐÁËÒªÁ¬½ÓµÄ URL ºó¾Í¿ÉÒÔÅäÖÃÇëÇóÁË¡£¿ÉÒÔÓà XMLHttpRequest ¶ÔÏóµÄ open() ·½·¨À´Íê³É¡£¸Ã·½·¨ÓÐÎå¸ö²ÎÊý:
request-type:·¢ËÍÇëÇóµÄÀàÐÍ¡£µäÐ͵ÄÖµÊÇ GET »ò POST£¬µ«Ò²¿ÉÒÔ·¢ËÍ HEAD ÇëÇó¡£
url:ÒªÁ¬½ÓµÄ URL¡£
asynch:Èç¹ûÏ£ÍûʹÓÃÒì²½Á¬½ÓÔòΪ true£¬·ñÔòΪ false¡£¸Ã²ÎÊýÊÇ¿ÉÑ¡µÄ£¬Ä¬ÈÏΪ true¡£
......

Ajax¼¼ÊõÏê½â¶þ

ajaxÖÐXMLHttpRequest²ÎÊýÏê½â ÊÕ²Ø
XJAX ,²¢²»ÊÇÒ»ÖÖÐÂ[url=javascript:;]¼¼Êõ[/url]µÄµ®Éú.Ëüʵ¼ÊÉÏ´ú±íµÄÊǼ¸Ïî¼¼Êõ°´Ò»¶¨µÄ·½Ê½×éºÏÔÚÒ»ÔÚͬ¹²µÄЭ×÷Öз¢»Ó¸÷×ÔµÄ×÷ÓÃ.
Ëü°üÀ¨£º
ʹÓÃXHTMLºÍ[url=javascript:;]CSS[/url]±ê×¼»¯³ÊÏÖ£»
ʹÓÃDOMʵÏÖ¶¯Ì¬ÏÔʾºÍ½»»¥£»
ʹÓÃ[url=javascript:;]XML[/url]ºÍXSLT½øÐÐÊý ......

ajaxÏòservlet´«µÝÊý¾Ý£¬·µ»ØÂÒÂëµÄ½â¾ö·½·¨

ÒòΪAJAXĬÈϵÄÊÇUTF-8£¬ËùÒÔ½«JSPÒ³ÃæºÍºǫ́servletµÄ±àÂë¸ñʽ¶¼ÉèÖÃΪUTF-8×îºÃ£¬Ò²ÓÐÀûÓÚÒÔºóµÄÀ©Õ¹¡£
È»ºóÔÚ¶ÔÓ¦µÄ¸ñʽÏÂÃæ£¨dopost»òÕßdoget£©£¬¼ÓÉÏÕ⼸¾ä
response.setContentType("text/html");
 request.setCharacterEncoding("utf-8");
 response.setCharacterEncoding("UTF-8");
±¾ÈËÇײ⣬µ¯³öµ ......

Asp.netÖеÄAJAX¿Ø¼þ


Accordion¿Ø¼þʱµÄ³£ÓÃÊôÐÔ±êÇ©
ÊôÐÔ±êÇ©Ãû Ãè¡¡¡¡Êö
SelectedIndex ¸Ã¿Ø¼þ³õ´Î¼ÓÔØÊ±Õ¹¿ªµÄAccordionPaneÃæ°åµÄË÷ÒýÖµ
HeaderCssClass ¸ÃAccordionÖаüº¬µÄËùÓÐAccordionPaneÃæ°åµÄ±êÌâÇøÓòËùÓ¦ÓõÄCSS Class
ContentCssClass ¸ÃAccordionÖаüº¬µÄËùÓÐAccordionPaneÃæ°åµÄÄÚÈÝÇøÓòËùÓ¦ÓõÄCSS Class
AutoSize Ô ......

Ajax/json/js ѧϰ±¸Íü

±Õ°ü¸ÅÄ±Õ°ü¾ÍÊÇÄܹ»¶ÁÈ¡ÆäËûº¯ÊýÄÚ²¿±äÁ¿µÄº¯Êý¡£
ÓÉÓÚÔÚJavascriptÓïÑÔÖУ¬Ö»Óк¯ÊýÄÚ²¿µÄ×Óº¯Êý²ÅÄܶÁÈ¡¾Ö²¿±äÁ¿£¬
Òò´Ë¿ÉÒ԰ѱհü¼òµ¥Àí½â³É“¶¨ÒåÔÚÒ»¸öº¯ÊýÄÚ²¿µÄº¯Êý”¡£
function f1(){
¡¡¡¡¡¡¡¡n=999;
¡¡¡¡¡¡¡¡function f2(){
¡¡¡¡¡¡¡¡¡¡¡¡alert(n);
¡¡¡¡¡¡¡¡}
¡¡¡¡¡¡¡¡return f2;
¡¡¡¡}
......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ