ÈçºÎ¿ª·¢°²È«µÄ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µÄ°²È«¼ì²é¹¤¾ß½øÐмì²é¡£
Ïà¹ØÎĵµ£º
ÎҵĴºÇï³ÕÃεڶþ²½£º
дһ¸ö ͨÓÃµÄ ¶ÔÏó ÁÐ±í £¬»¹ °üº¬ ËÑË÷ºÍ ÊôÐÔ¹ýÂË¡£
¾ßÌåµÄЧ¹ûÊÇ£º
µ±Ð ҵÎñ Ìí¼ÓÒ»¸ö ±íµÄʱºò£¬Ö»ÐèÒªÔÚ ¶ÔÏóÄ£ÐÍÀïµÄ Ìí¼ÓÒ»¸ö model
ºǫ́¼¸ºõ²»Ðèд´úÂë¡£
(ÎÒÊǺǫ́£º¼¤¶¯ÈËÐÄ£¡)
µ÷ÓõĶÔÏ󣬵ڼ¸Ò³£¬ÊôÐ﵀ ¹ýÂË ºÍËÑË÷È«ÊÇ Ç°Ì¨µÄAjax²ÎÊý¿ØÖÆ
(ÎÒÊÇǰ̨£º#$!@#$%$^#$% ......
1£ºAjax¿ÉÒÔͨ¹ýJavaScriptµÄXMLHttpRequest¶ÔÏóÓë·þÎñÆ÷½øÐÐͨÐÅ£¬Í¨¹ýXMLHttpRequest£¬JavaScript¿ÉÒÔÔÚ²»ÖØÔØÒ³ÃæµÄÇé¿öÏÂÓë·þÎñÆ÷½øÐÐͨÐÅ¡£
2£ºXMLHttpRequest ä¯ÀÀÆ÷Ö§³Ö
<script type="text/javascript">
function ajaxFunction()
{
var xmlHttp;
try
{
xmlHtt ......
Ajax½éÉÜ
AJAX - ä¯ÀÀÆ÷Ö§³Ö
AJAX µÄÒªµãÊÇ XMLHttpRequest ¶ÔÏó¡£²»Í¬µÄä¯ÀÀÆ÷´´½¨ XMLHttpRequest ¶ÔÏóµÄ·½·¨ÊÇÓвîÒìµÄ¡£IE ä¯ÀÀÆ÷ʹÓà ActiveXObject£¬¶øÆäËûµÄä¯ÀÀÆ÷ʹÓÃÃûΪ XMLHttpRequest µÄ JavaScript ÄÚ½¨¶ÔÏó¡£ÈçÐèÕë¶Ô²»Í¬µÄä¯ÀÀÆ÷À´´´½¨´Ë¶ÔÏó£¬ÎÒÃÇҪʹÓÃÒ»Ìõ "try and catch" Óï¾ä¡£
<script type="t ......
ÔÚʹÓÃAJAX½øÐгÌÐò¿ª·¢µÄʱºò£¬Ò»Ö±¶¼»áÃæ¶ÔÒ»¸ö»º´æµÄÎÊÌ⣡£¡
¼´ÊÇ£¬ÉÏ´ÎÇëÇóµÄʱºò£¬ÒòΪÄãµÄSQLÓï¾ä»òÕßÆäËûÔÒò£¬webserviceÖзµ»ØֵΪ¿Õ£¬²»ÊÇÄãÏëÒªµÄ½á¹û¼¯£¬ÔÚÄã·¢ÏÖwebserviceÖÐÓï¾äÌå³ö´íºó£¬½øÐÐÐ޸ģ¬ÖØвâÊÔ£¬ÈÔÈ»ÊÇÉϴεķµ»Ø½á¹û£¡¸Ð¾õ¾ÍÏñÄãµÄÐÞ¸ÄÍêÈ«ÎÞЧ¡£¡£
Æäʵ£¬ÕâÊÇÔÚAJAXµ ......
ajaxÌá½»±íµ¥
¹Ø¼ü×Ö: ajax
function ajaxSubmitForm(form, resultDivId) {
var elements = form.elements;// Enumeration the form elements
var element;   ......