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 );
 
Ïà¹ØÎĵµ£º
AjaxµÄÔÀí¼òµ¥À´ËµÍ¨¹ýXmlHttpRequest¶ÔÏóÀ´Ïò·þÎñÆ÷·¢Òì²½ÇëÇ󣬴ӷþÎñÆ÷»ñµÃÊý¾Ý£¬È»ºóÓÃjavascriptÀ´²Ù×÷DOM¶ø¸üÐÂÒ³Ãæ¡£ÕâÆäÖÐ×î¹Ø¼üµÄÒ»²½¾ÍÊÇ´Ó·þÎñÆ÷»ñµÃÇëÇóÊý¾Ý¡£ÒªÇå³þÕâ¸ö¹ý³ÌºÍÔÀí£¬ÎÒÃDZØÐë¶Ô XMLHttpRequestÓÐËùÁ˽⡣
XMLHttpRequestÊÇajaxµÄºËÐÄ»úÖÆ£¬ËüÊÇÔÚIE5ÖÐÊ×ÏÈÒýÈëµÄ£¬ÊÇÒ»ÖÖÖ§³ÖÒì²½ÇëÇóµÄ¼¼Êõ¡ ......
<!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µÄsortable×ö¶¯Ì¬¹¤¾ßÀ¸ºÜʵÓÃ,µ«ÍøÉϺܶ඼ֻ½éÉÜajaxºÍsortableÒ»Æð£¬Ã»ÓкÍdatabase½áºÏ×ÅÓã¬Î¨Ò»¿´µ½µÄ¾ÍÊÇÓÃcookie£¬Èç¹ûÓÐÅóÓÑϲ»¶ÓÃcookieµÄ£¬¿ÉÒÔÀ´ÕâÀï¿´¿´¡£ ÎÒ¸öÈ˲»Ï²»¶cookie£¬cookieÓÐʱ¼äµÄÏÞÖÆ£¬¶øÇҺöàÈËÏÖÔÚ¶¼½ûÖ¹cookieµÄʹÓÃÁË¡£¾Í×Ô¼º±àÁ˸öÂ룬ÓÃphp¡¢j ......
Ajax ÓÉ HTML¡¢JavaScript™ ¼¼Êõ¡¢DHTML ºÍ DOM ×é³É£¬ÕâÒ»½Ü³öµÄ·½·¨¿ÉÒÔ½«±¿×¾µÄ Web ½çÃæ×ª»¯³É½»»¥Ð﵀ Ajax Ó¦ÓóÌÐò¡£¶ÔÓÚAjax£¬×îºËÐĵÄÒ»¸ö¶ÔÏóÊÇXMLHttpRequest£¬ËùÓеÄAjax²Ù×÷¶¼Àë²»¿ª¶ÔÕâ¸ö¶ÔÏóµÄ²Ù×÷¡£
Ê×ÏÈÎÒÃÇÀ´Á˽âÔõôÔÚjavascriptÖд´½¨Õâ¸ö¶ÔÏó£º
var xmlHttp = new ......
½ñÌìͬʸæËßÎÒµÄÒ»¸öÀý×Ó£¬ÔÝʱûÓÐʱ¼äÇ××ÔÊÔÑ飬Ïȼǵ½ÕâÀï¡£
jQuery(document).ready(function(){
$.ajax({
......