Ajax¶ÔÏóXMLHttpRequestµÄ³£ÓÃÊôÐÔ£¬·½·¨ºÍʼþ
XMLHttpRequest¶ÔÏóÊÇAjaxµÄºËÐÄ£¬ËüÓÐÐí¶àÊôÐÔ£¬·½·¨ºÍʼþÒÔ±ãÓڽű¾µÄ´¦ÀíºÍ¿ØÖÆHTTPµÄÇëÇóÓëÏìÓ¦
ÏÂÃæÊǹØÓÚXMLHttpRequest¶ÔÏóµÄһЩÊôÐԺͷ½·¨½éÉÜ
1.readyStateÊôÐÔ
µ±XMLHttpRequest¶ÔÏó±»´´½¨ºó£¬readyStateÊôÐÔ±êʶÁ˵±Ç°¶ÔÏóËù´¦µÄ״̬£¬¾ßÌåµÄÖµ´ú±íÒâÒåÈçÏ£º
0 δ³õʼ»¯×´Ì¬£¬´Ëʱ½ö´´½¨ÁËÒ»¸öXMLHttpRequest¶ÔÏó¡£
1 ³õʼ»¯×´Ì¬£¬¼´µ÷ÓÃÁËopen()·½·¨ºóµÄ×¼±¸·¢ËÍ״̬¡£
2 ÒÑ·¢ËÍ״̬£¬¼´µ÷ÓÃÁËsend()·½·¨ºó£¬ÒÔ°ÑÒ»¸öÇëÇó·¢Ë͵½·þÎñÆ÷¶Ë£¬µ«ÊÇ»¹Î´ÊÕµ½ÏìÓ¦¡£
3 ÕýÔÚ½ÓÊÕ״̬£¬ÕýÔÚ½ÓÊÕ´Ó·þÎñÆ÷¶Ë·¢ËÍ»ØÀ´µÄÊý¾Ý£¬µ«»¹Î´½ÓÊÕÍêËù´¦µÄ״̬¡£
4 Íê³ÉÏìӦ״̬£¬ÒÔÍê³ÉÁËHttpResponseÏìÓ¦µÄ½ÓÊÕ¡£
2.responseTextÊôÐÔ
µ±readyStateÊôÐÔֵΪ4ʱ£¬¸ÃÊôÐԲŰüº¬ÍêÕûµÄÏìÓ¦ÐÅÏ¢£¬ÒÔ´¿Îı¾Êý¾ÝÐÎʽ·µ»Ø¡£
3.responseXMLÊôÐÔ
µ±readyStateÊôÐÔֵΪ4ʱ£¬²¢ÇÒÏìӦͷ²¿µÄContent-TypeµÄMIMEÀàÐͱ»Ö¸¶¨ÎªXML(text/xml»òÕßapplication/xml)ʱ£¬
¸ÃÊôÐԲŻáÓÐÖµ²¢ÇÒ±»½âÎöΪһ¸öXMLÎĵµ¡£
4.statusÊôÐÔ
¸ÃÊôÐÔÃèÊöÁËHTTP״̬Âë¡£×¢Ò⣬½öµ±readyStateÊôÐÔֵΪ3»ò4ʱ£¬²ÅÄܶԴËÊôÐÔ½øÐзÃÎÊ¡£
5.statusTextÊôÐÔ
¸ÃÊôÐÔÃèÊöµÄÊÇHTTP״̬ÂëÎı¾¡£
6.onreadystatechangeʼþ
ÿµ±readyStateÊôÐÔÖµ·¢Éú¸Ä±äʱ£¬¾Í»á´¥·¢¸Ãʼþ£¬Ò»°ãÊÇͨ¹ý¸ÃʼþÀ´´¥·¢»Øµ÷º¯Êý¡£
7.open()·½·¨
³õʼ»¯XMLHttpRequest¶ÔÏó£¬ÉèÖÃÁ¬½ÓÐÅÏ¢¡£
8.send()·½·¨
·¢ËÍÊý¾Ý£¬¿ªÊ¼ºÍ·þÎñÆ÷¶Ë½øÐн»¸¶¡£
9.abort()·½·¨
ÔÝÍ£Ò»¸öhttpµÄÇëÇó·¢ËÍ»ò½ÓÊÕ£¬²¢ÇÒ½«XMLHttpRequest¶ÔÏóÉèÖÃΪ³õʼ»¯×´Ì¬¡£
10.setRequestHeader()·½·¨
¸Ã·½·¨ÓÃÀ´ÉèÖÃÇëÇóµÄÍ·²¿ÐÅÏ¢£¬"Content-Type","application/x-www-form-urlencoded"¡£
11.getResponseHeader()·½·¨
´Ë·½·¨ÓÃÓÚ¼ìË÷ÏìÓ¦µÄÍ·²¿Öµ£¬´ËÍ⻹¿ÉÒÔͨ¹ýgetAllResponseHeaders()·½·¨»ñÈ¡ËùÓеÄÍ·²¿ÐÅÏ¢¡£
Ïà¹ØÎĵµ£º
ÔÚÒ»¸öÏîÄ¿Öзּ¶Ñ¡ÔñÐÐÕþÇø»®Ê±Óõ½AJAX½øÐÐÎÞˢм¶Áª£¬ÎÒÔÚÒ³ÃæÖбàÂëÓõÄÊÇUTF-8£¬×ÜÊDZ¨½Å±¾´íÎó£¬
ÎÒ°ÑÒ³Ãæ±àÂë»»³ÉGBKÓÖÊÇÕý³£µÄ£¬ºóÀ´ÔÚÍøÉÏËÑË÷ÁËһϣ¬ÔÚÒýÈëJSʱ¼ÓÈë±àÂë¾Í¿ÉÒÔÁË£¬ÈçÏ£º
<script language="Javascript" src="js/jquery.js" charset="gb2312"></script> ......
ÏîÄ¿ÉèÏë
ѧУ¸÷²¿ÃŵÄÍøÕ¾²¢·ÇÓõÄÒ»Ì×cmsϵͳ£¬ÐÐÕþ²¿ÃÅÓë¶þ¼¶Ñ§ÔºµÄÍøÕ¾ÊýÁ¿ÖÚ¶àÇÒ¿ª·¢ÈËÔ±µÄˮƽ²Î²î²»Æ룬µ¼ÖÂÐÅÏ¢¼Ü¹¹±È½Ï»ìÂÒ¡£Í¨¹ýÒ»¸öÈ«¾ÖµÄ¹¤¾ßÌõʵÏÖȫУվµãÁ´½ÓÓ빫¸æ¶¯Ì¬¸üУ¨ÄÜÔÚÈκÎÒ»¸ö×ÓÕ¾µã¿´µ½×îÐµĹ«¸æ£©µÄ¹¦ÄÜ¡£
¹«¸æÄ£¿éÊý¾Ý¿âÉè¼Æ(Êý¾Ý¿â:globaltools)
Ê×ÏÈ´´½¨Ò»¸ö±íannouncement£¬°üÀ¨Ëĸö× ......
jqueryÖÐÓÃajax(òËƱàÂëĬÈÏΪutf-8)Èç¹ûÓÐÖÐÎĵĻ° »á³öÏÖÂÒÂë ÏÂÃæµÄ½â¾ö°ì·¨Ö®Ò»£º
ÒÔÏÂÊÇjsÖеĴúÂë
classname=encodeURI($('#classname').val());
classdescription=encodeURI($('#classdescription').val());
actionArr={classname:classname,classdescription:classdescription};
$.post("product_class ......