ajax³õ²½´î½¨¼°Ê¾Àý´úÂë
AJAX(Asynchronous JavaScript and XML):»ùÓÚXMLµÄÒì²½JavaScript£¬¼ò³ÆAJAX,ÊǶàÖÖ¼¼ÊõµÄ×ÛºÏ.
Ò»ÖÖ¿Í»§¶Ë¼¼Êõ ,Ϊ»¥ÁªÍøÓû§Ìṩ¸ü¼ÓÓÑÉÆµÄ½»»¥½çÃæ,¸ü¼ÓÁ÷³©µÄÓû§ÌåÑé.Ò²¾ÍÊÇËùνµÄÅÖ¿Í»§¶Ë,Ê¹ÍøÒ³µÄЧ¹ûÄܹ»Ïñ°²×°ÔÚ¼ÆËã»úÉϵÄÓ¦ÓÃÈí¼þ»òϵͳһÑùÓѺûªÀö.
ËüÓÉÈçÏÂËÄÖÖ¼¼Êõ×é³É:CSS + DOM + XMLHttpRequest+ JavaScript .
¸÷²¿·Ö¹¦ÄÜÈçÏÂ:
CSS : ¿ØÖÆÒ³ÃæµÄÏÔʾ ¡£
DOM : ¿ØÖÆÎĵµ½á¹¹ ¡£
XMLHttpRequest: ¸ºÔðÓë·þÎñÆ÷½øÐÐÒ첽ͨÐÅ ¡£
JAVAScript : µ÷Ó㬿ØÖÆÆäËûÈý¸ö×é³É²¿·Ö¡£
Èç¹ûÈ¥µôXMLHttpRequestÔòΪDHTML¼¼Êõ.
==========================================================
»ù±¾Á÷³ÌÈçÏÂ:
1) ʼþ´¥·¢Í¨ÐŹý³Ì
2)
2.1 ´´½¨XMLHttpRequest¶ÔÏó createXHR()
2.2 ×¼±¸Òª·¢Ë͵½·þÎñÆ÷µÄ²ÎÊý .
2.3 Ö¸¶¨ÓÃÓÚ´¦ÀíÓ¦´ðµÄº¯Êý . xhr.onreadystatechange = fn [ »Øµ÷º¯Êý ] ;
2.4 open() , send() ;
3) ±àд»Øµ÷º¯Êý .
3.1
ͨÐŹý³Ì½áÊø £º xhr.readyState == 4
·þÎñÆ÷Ö´ÐÐ £º xhr.status == 200
3.2 ¶Ô·þÎñÆ÷µÄÓ¦´ð½á¹û½øÐд¦Àí :
¸´ÔÓµÄÓÃxhr.responseXML (DOM·½Ê½)
¼òµ¥µÄÓÃxhr.responseText(·µ»ØµÄ×Ö·û´®)
==========================================================
XMLHttpRequestÓë·þÎñÆ÷Ö®¼äÊý¾Ý½»»»µÄ·½Ê½ÓÐgetºÍpostÁ½ÖÖ.
ʹÓÃPOST·½Ê½Ìá½»:
url = "/ajax/test.jsp" ;
XMLHttpRequest.open( "POST" , url );
 
Ïà¹ØÎĵµ£º
HTML source:
<p>
Name:
<input type="text" id="demoName"/>
<input value="Send" type="button" onclick="update()"/>
<br/>
Reply: <span id="demoReply"></span>
</p>
Javascript source:
var services = new dojox.rpc.Service({
target:"../dwr/j ......
½ñÌìÎÒÖ÷ҪѧϰÁËUpdateModeÊôÐÔ¼°Ê¹ÓÃUpdateTriggers£¬°ÑÊéÖÐËù½ÌÊÚµÄÄÚÈÝÓöà¸öÀý×Óʵ¼ùÁËһϣ¬È·ÊµÃ÷°×ÁËÐí¶à¡£
UpdateMode
Ê×ÏÈÔÚÉÏһƪҲÌáµ½¹ýÕâÑùÒ»¸öÀíÂÛ£ºÔÚ̸ÂÛUpdatePanel¿Ø¼þµÄË¢ÐÂʱ£¬µ±UpdatePanel¿Ø¼þÖеÄ×ӿؼþ´¥·¢Async-Postback¶¯×÷ʱ£¬Ë¢ÐµÄÇøÓòÊ ......
¼òµ¥µÄÃèÊöÏ DWR ÅäÖ㨱£ÃÜÐÒ飬Ôڴ˲»¹«¿ªÏîÄ¿Ãû³Æ£¬ÏîÄ¿Ïà¹ØÃû³ÆÈ«²¿ÓÃXXXX´úÌæ£©
Ê×ÏÈ ·Ï»°²»ËµÁË ´ó¼Ò¶¼Ó¦¸ÃÀí½âDWRµÄÓô¦ ²»¶®µÄÈ¥°Ù¶È
±ØÒª°ü DWR.JAR ¹Ù·½ÏÂÔØµØÖ·http://directwebremoting.org/dwr/download.html
Õâ¸öÏîÄ¿ÊÇÓÉ SSH+dwr+jquery+sitemesh+freemarker
WEB.XML
<!-- dwr -->
<serv ......
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="LeftMenu.aspx.cs" Inherits="_Default" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xht ......
<!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=UTF-8">
<script type="text/javascript&quo ......