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

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Ô­Àí

AjaxµÄÔ­Àí¼òµ¥À´ËµÍ¨¹ýXmlHttpRequest¶ÔÏóÀ´Ïò·þÎñÆ÷·¢Òì²½ÇëÇ󣬴ӷþÎñÆ÷»ñµÃÊý¾Ý£¬È»ºóÓÃjavascriptÀ´²Ù×÷DOM¶ø¸üÐÂÒ³Ãæ¡£ÕâÆäÖÐ×î¹Ø¼üµÄÒ»²½¾ÍÊÇ´Ó·þÎñÆ÷»ñµÃÇëÇóÊý¾Ý¡£ÒªÇå³þÕâ¸ö¹ý³ÌºÍÔ­Àí£¬ÎÒÃDZØÐë¶Ô XMLHttpRequestÓÐËùÁ˽⡣
XMLHttpRequestÊÇajaxµÄºËÐÄ»úÖÆ£¬ËüÊÇÔÚIE5ÖÐÊ×ÏÈÒýÈëµÄ£¬ÊÇÒ»ÖÖÖ§³ÖÒì²½ÇëÇóµÄ¼¼Êõ¡ ......

Ò»¸ö¼òµ¥µÄajaxÇëÇóÀý×Ó

 <!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 ......

ajax¡¢jquery sortable¡¢phpʵÏÖÄܼÇÒäµÄ¶¯Ì¬¹¤¾ßÀ¸

×î½üÔÚ¸ºÔð×öÍøÕ¾µÄºǫ́¹ÜÀí²¿·Ö£¬¾õµÃjqueryµÄsortable×ö¶¯Ì¬¹¤¾ßÀ¸ºÜʵÓÃ,µ«ÍøÉϺܶ඼ֻ½éÉÜajaxºÍsortableÒ»Æð£¬Ã»ÓкÍdatabase½áºÏ×ÅÓã¬Î¨Ò»¿´µ½µÄ¾ÍÊÇÓÃcookie£¬Èç¹ûÓÐÅóÓÑϲ»¶ÓÃcookieµÄ£¬¿ÉÒÔÀ´ÕâÀï¿´¿´¡£ ÎÒ¸öÈ˲»Ï²»¶cookie£¬cookieÓÐʱ¼äµÄÏÞÖÆ£¬¶øÇҺöàÈËÏÖÔÚ¶¼½ûÖ¹cookieµÄʹÓÃÁË¡£¾Í×Ô¼º±àÁ˸öÂ룬ÓÃphp¡¢j ......

Ajax»ù´¡½Ì³Ì

 Ajax ÓÉ HTML¡¢JavaScript™ ¼¼Êõ¡¢DHTML ºÍ DOM ×é³É£¬ÕâÒ»½Ü³öµÄ·½·¨¿ÉÒÔ½«±¿×¾µÄ Web ½çÃæ×ª»¯³É½»»¥Ð﵀ Ajax Ó¦ÓóÌÐò¡£¶ÔÓÚAjax£¬×îºËÐĵÄÒ»¸ö¶ÔÏóÊÇXMLHttpRequest£¬ËùÓеÄAjax²Ù×÷¶¼Àë²»¿ª¶ÔÕâ¸ö¶ÔÏóµÄ²Ù×÷¡£
Ê×ÏÈÎÒÃÇÀ´Á˽âÔõôÔÚjavascriptÖд´½¨Õâ¸ö¶ÔÏó£º
var xmlHttp = new  ......

jqueryʵÏÖajax¿çÓò·ÃÎÊ

 ½ñÌìͬʸæËßÎÒµÄÒ»¸öÀý×Ó£¬ÔÝʱûÓÐʱ¼äÇ××ÔÊÔÑ飬Ïȼǵ½ÕâÀï¡£
jQuery(document).ready(function(){
                $.ajax({
                ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ