ÈçºÎ¿ª·¢°²È«µÄAJAXÓ¦ÓÃ
ÈçºÎ¿ª·¢°²È«µÄAJAXÓ¦ÓÃ
AJAX¼¼ÊõÒѾÊÇÏÖÔÚ×îÁ÷ÐеÄWebÓ¦Óÿª·¢¼¼ÊõÁË£¬µ«ÊÇÓë´Ëͬʱ£¬WebÓ¦ÓÃÒ²³ÉÁËÕâ¸öIT¼Ü¹¹Öа²È«×Èõ£¬×îÈÝÒ×Êܵ½¹¥»÷µÄ²¿·Ö£¬AJAXÓ¦ÓÃÏà±È½ÏÓ봫ͳµÄWebÓ¦Ó㬴ó´óÔö¼ÓÁ˿ͻ§¶ËÓë·þÎñÆ÷Ö®¼äµÄ½»»¥£¬Í¬Ê±Ò²Ê¹µÃһЩºǫ́µÄÒµÎñÂß¼½Ó¿Ú±©Â¶¸øÁ˿ͻ§¶Ë£¬Èç¹û·þÎñÆ÷¶ËûÓÐ×ã¹»µÄ±£»¤»òÕßûÓжԿͻ§¶ËÇëÇó½øÐкϷ¨ÐÔУÑ飬¹¥»÷Õ߾ͻá³ÃÐé¶øÈ룬½øÈëϵͳÄÚ²¿½øÐÐÆÆ»µ¡£¿ª·¢ÈËÔ±ÈçºÎ²ÅÄÜÔÚ¿ª·¢¹¤³ÌÖб£Ö¤AJAXÓ¦Óõİ²È«ÄØ£¿ Ò»ÏÂÊÇÎÒËѼ¯×ÊÁÏ×ܽá³öÀ´µÄһЩchecklistºÍbest practices£¬Ï£Íû¶Ô´ó¼ÒÓÐËù°ïÖú¡£
1. ÊäÈëУÑ飬ÕâÒ»²¿·ÖÒѾÔÚÎÒµÄÉÏһƪblog ÈçºÎ½øÐÐWebÓ¦Óõݲȫ²âÊÔºÍÊäÈëУÑé ÖнøÐÐÁË˵Ã÷£¬½øÐÐÊäÈëУÑéÓÐÁ½ÖÖ·½Ê½£¬Ò»ÖÖÊÇBlacklisting: ¾ÍÊÇÁгöËùÓзǷ¨µÄÊäÈë½øÐÐÆÁ±Î£»ÁíÍâÒ»ÖÖÊÇWhitelisting: ¾ÍÊÇÁгöºÏ·¨µÄÊäÈë¸ñʽ£¬Ö»Òª²»ÊôÓÚÕâÖÖ¸ñʽ¶¼»®Îª·Ç·¨¸ñʽ½øÐÐÆÁ±Î¡£°²È«·½ÃæÀ´Ëµ£¬Whitelisting±ÈBlacklistingÓиü¸ßµÄ°²È«ÐÔ¡£
2. ¾¡Á¿±ÜÃ⶯̬µÄÉú³ÉºÍÖ´ÐÐcode, ÔÚjavascriptÖо¡Á¿±ÜÃâʹÓÃevalº¯Êý¡£
3. ÔÚʹÓÃjson¶ÔÏó֮ǰ¶ÔËü½øÐÐУÑ飬ÒòΪjson¶ÔÏóÒ²ÊÇjavascriptµÄÒ»²¿·Ö£¬ËùÒÔjson¶ÔÏóÀïÃæÒ²ÓпÉÄܰüº¬ÓÐÓк¦µÄ´úÂ룬ËùÒÔÔÚʹÓÃ֮ǰҪ¶Ôjson½øÐÐУÑ飬ÒÔ±£Ö¤json¶ÔÏóÊǰ²È«µÄ£¬Ð£ÑéµÄ·½·¨¿ÉÒÔʹÓÃÕýÔò±í´ïʽ½øÐÐÒ²¿ÉÒÔʹÓÃÒ»¸öjson parser½øÐÐת»»£¬È»ºóÔÙʹÓá£
4. ÔÚÒýÓò»¿ÉÐŵÄÄÚÈݵÄʱºò¾¡Á¿Ê¹ÓÃiframeµÄ·½Ê½¡£
5. ²»ÒªÒ»µ¶ÇеÄʹÓÃAJAX, AJAXµÄ×÷ÓÃÊÇÌá¸ßÓ¦ÓõĽ»»¥ÐÔ£¬ËùÒÔÖ®ÐèÒªÔÚ½»»¥ÐԱȽÏÇ¿µÄµØ·½²ÅʹÓÃajax, ÆäËûÈçÖ®ÐèҪչʾÐÅÏ¢µÄµØ·½Ê¹Óô«Í³µÄ·½Ê½°²È«ÐÔ¸ü¸ß¡£
6. ¾¡Á¿Ê¹½»»¥µÄÍøÂç´«ÊäÁ¿×îС£¬ajaxƵ·±µÄ½»»¥²»µ«¶ÔÓ¦ÓÃÐÔÄÜÓÐÓ°Ï죬¶Ô°²È«Ò²ÊǺܴóµÄÒþ»¼£¬ËùÒÔÒª¾¡¿ÉÄÜÔÚ×îÐèÒªµÄµØ·½Ê¹ÓÃajax, ²»ÒªÓÃajaxÖ´ÐдóµÄ¾Ö²¿Ë¢Ð²Ù×÷
7. ×îºó¿ÉÒÔʹÓÃһЩajaxµÄ°²È«¼ì²é¹¤¾ß½øÐмì²é¡£
Ïà¹ØÎĵµ£º
¹ØÓÚajaxµÄÃû×Ö
ajax µÄÈ«³ÆÊÇAsynchronous JavaScript and XML£¬ÆäÖУ¬Asynchronous ÊÇÒì²½µÄÒâ˼£¬ËüÓбðÓÚ´«Í³web¿ª·¢ÖвÉÓõÄͬ²½µÄ·½Ê½¡£
¹ØÓÚͬ²½ºÍÒì²½
Òì²½´«ÊäÊÇÃæÏò×Ö·ûµÄ´«Ê䣬ËüµÄµ¥Î»ÊÇ×Ö·û£»¶øÍ¬²½´«ÊäÊÇÃæÏò±ÈÌØµÄ´«Ê䣬ËüµÄµ¥Î»ÊÇè壬Ëü´«ÊäµÄʱºòÒªÇó½ÓÊÜ·½ºÍ·¢ËÍ·½µÄʱÖÓÊ ......
AJAXµÄ·ÖÒ³£¬ÊµÏÖ˼·ÊÇ£º
¡¡¡¡1.ÀûÓÃ$.fn.extendÔÚJQuery¿ò¼ÜÏÂÀ©Õ¹pagerÀà
¡¡¡¡2.½«»ñÈ¡¼Ç¼×ÜÊýÓëÏàÓ¦Ò³¼Ç¼µÄºǫ́·½·¨£¬Ð´Ôڼ̳Ð×ÔIHttpHandlerÀàµÄHandler.ashx.csÀ࣬µ±È»Êµ¼ÊÉÏÓÃaspx.csÎļþдºǫ́·½·¨Ò²Ã»ÎÊÌ⣬µ«ÓÉÓÚ.ashx.csÎļþÎÞÐè´¦ÀíÒ³ÃæÖî¶àʼþÒò¶øÐ§Âʸü¸ß¡£
¡¡¡¡3.ÔÚ³ÊÏÖÒ³ÃæÉϼÓÔØpagerÀà
¡¡ ......
$.ajax({
type: "post",
url: loginUrl,
data: "username=" +uname + "&password=" +pwd,
async: ......
Ajax¼¼ÊõÒѾµÃµ½ºÜ¹ã·ºµÄÓ¦Óã¬ÔÚWeb¿ª·¢ÖÐÆäºËÐľÍÔÚÓÚÒ첽ͨÐź;ֲ¿Ë¢Ð£¬¼«´óµØ¸ÄÉÆÁËÓû§ÌåÑ飬ÓÈÆäÊʺÏÓÚ¸ßÆµ¶È¡¢µÍÊý¾ÝÁ¿µÄ³¡¾°¡£ÔÚ²»Ê¹ÓÃAjaxµÄWebÓ¦ÓÃÖУ¬Ò»¸öÒ³Ãæ´¦ÀíÖÐÖ»ÓÐÒ»´ÎÇëÇ󣬿ͻ§¶Ë´¦ÀíÍêºóÒ»´ÎÐÔÌá½»£¬ÕâÖÖÒ»´ÎÇëÇóºÍÒ»´ÎÌá½»µÄ´¦Àí¿ÉÄܱȽϺÄʱ£¬´Ó¶øÔì³É¿Í»§µÈ´ý£¬Ê¹ÓÃAjax°ÑÕâÒ»´ÎÇëÇóºÍÒ»´ÎÌá½»·Ö ......
²ÎÊý:
options
·µ»ØÖµ:
XMLHttpRequest
ʹÓÃHTTPÇëÇóÒ»¸öÒ³Ãæ¡£
ÕâÊÇjQueryµÄµÍ¼¶AJAXʵÏÖ¡£Òª²é¿´¸ß¼¶³éÏ󣬼û$.set¡¢$.postµÈ£¬ÕâЩ·½·¨¸üÒ×ÓÚÀí½âºÍʹÓᣵ«Êǹ¦ÄÜÉÏÓÐÏÞÖÆ(ÀýÈ磬ûÓдí
Îó´¦Àíº¯Êý)¡£
¾¯¸æ£ºÈç¹ûÊý¾ÝÀàÐÍÖ¸¶¨Îª"script"£¬ÄÇôPOST×Ô¶¯×ª»¯ÎªGET·½·¨¡£(ÒòΪscript»á×÷Ϊһ¸öǶÈëÒ³ ......