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¶¯×÷ʱ£¬Ë¢ÐµÄÇøÓòÊ ......
´Ó2005 ÄêWeb2.0 µÄÐËÆð¿ªÊ¼ËãÆð£¬Ajax °éËæ׏úÄÚµÄWeb ¿ª·¢ÉçÇø×ß¹ýÁ˽üËÄÄêµÄ³É³¤Ê±¼ä¡£ËÄÄêµÄʱ¼ä£¬¶ÔÓÚÒ»ÏîWeb ¼¼Êõ²»Ëã¶ÌÁË£¬Õâ²»½öÊǶԵ±³õ¶ÔAjax“¾ÉƿװоƔ³Ö²»Ð¼Ì¬¶ÈµÄÈ˵ķ´²µ£¬¸ü°Ñ¸ü¶à¹ÛÍûÖеĿª·¢ÕßÀÈëÁËWeb ¿ª·¢µÄÐÐÁС£
AjaxµÄ¿ò¼ÜÒ²¿ªÊ¼Ò»Ò»³öÏÖ£º
Buffalo ÊÇÏÖÈÎThought ......
<!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 ......
½ñÌìͬʸæËßÎÒµÄÒ»¸öÀý×Ó£¬ÔÝʱûÓÐʱ¼äÇ××ÔÊÔÑ飬Ïȼǵ½ÕâÀï¡£
jQuery(document).ready(function(){
$.ajax({
......