±íµ¥ajaxÌá½»ÂÒÂëÎÊÌâ
ÎÊÌâ
ÔÚÏÖÓÐÖ÷Õ¾ÖÐʹÓõÄÊÇÊÇGBK±àÂëµÄ£¬µ±±íµ¥Ê¹ÓÃform submit·½Ê½µÝ½»µÄ»°Ã»ÓÐÎÊÌ⣬·þÎñÆ÷¶ËÄܹ»Õýȷʶ±ð×Ö·û±àÂë¡£µ«ÊÇ£¬µ±¿Í»§¶ËʹÓÃajaxµÄ·½Ê½µÝ½»±íµ¥µÄ»°£¬·þÎñÆ÷¶Ëʶ±ð¿Í»§¶ËµÝ½»µÄ±íµ¥µÄÄÚÈÝ£¬µ±ÄÚÈÝÖÐÓÐÖÐÎÄ×Ö·ûµÄ»°¾Í»á³öÏÖÂÒÂëÏÖÏó¡£
ÔÒò·ÖÎö
¾¿ÆäÔÒò£¬ÆäʵºÜ¼òµ¥£¬Ê¹ÓÃajax·½Ê½Ìá½»µÄ±íµ¥ÊÇÓÃutf-8±àÂëÀ´Ìá½»µÄ£¬ÕâÑù·þÎñÆ÷¶ËÔÚ½ÓÊÕ¿Í»§¶Ë±íµ¥µÄÄÚÈݵÄʱºò»¹Êǰ´ÕÕGBK»òÆäËû±àÂ뷽ʽÀ´½âÎöµÄ£¬×ÔÈ»½âÎö³öÀ´µÄÄÚÈÝ»á³öÏÖÂÒÂëÁË¡£
±íµ¥ÄÚÈÝ¿ÉÒÔͨ¹ýGET»òPOST·½Ê½·¢ËÍ£¬µ«ÊÇÓÃÕâÁ½ÖÖ·½Ê½Óм¸¸ö²»Í¬Ö®´¦£¬¶Ô“ÄãºÃ”µ÷ÓÃjavascriptº¯ÊýencodeURI£¨£©½âÎöÖ®ºóµÃµ½µÄ×Ö·û´®Îª“%E4%BD%A0%E5%A5%BD”£¬ÐèҪעÒâµÄÒ»µã£¬encodeURI£¨£©Õâ¸öº¯ÊýÖ»»á¶Ô×Ö·û´®½øÐÐutf8±àÂë¡£µ±¿Í»§¶Ë°Ñ“%E4%BD%A0%E5%A5%BD”Õâ¶Î×Ö·û´®Í¨¹ýGET»òÕßPOST·½Ê½·¢ËͻᷢÉúʲôÊ¡£
1.GET·½Ê½
µ±ÓÃget·½Ê½Ìá½»±íµ¥£¬ÔÚ·þÎñ¶ËµÄtomcat·þÎñÆ÷ÖлáÓÃÒ»¸öconnectorÀ´×Ô¶¯½âÎö±àÂëÖ®ºó×Ö·û´®£¬ÒÔÏÂÊÇconnectorµÄÅäÖýڵ㣺
<Connector port="80"
maxHttpHeaderSize="8192"
maxThreads="150" minSpareThreads="25"
maxSpareThreads="75"
enableLookups="false" redirectPort="8443"
acceptCount="100"
connectionTimeout="20000" disableUploadTimeout="true"
URIEncoding="GBK" />
ÉÏÃæÅäÖÃÖÐÓÐÒ»¸öÊôÐÔURIEncoding="GBK"µÄ×÷ÓÃÊÇ£¬µ±¿Í»§¶Ëget·¢ËÍÐÅÏ¢ÖÐÓÐencodeģʽµÄ×Ö·û´®¾ÍÊÇÓÃgbkÀ´decodeËü¡£ºÍÒź¶£¬Ö÷Õ¾·þÎñÆ÷ÖеÄURIEncodingÊôÐÔÊÇgbk²»ÄܱäÁË£¬¶ø¿Í»§¶ËencodeURI£¨£©Ö»ÄܱàÂëUTF-8µÄ×Ö·û¡£ËùÒÔ£¬ÓÃÕâÖÖ·½Ê½·¢Ë͵Ä×Ö·û´®ÔÚ·þÎñÆ÷¶Ë¾Í»á³öÏÖÂÒÂëÏÖÏó¡£
2. POST·½Ê½
µ±¿Í»§¶Ë·¢ËÍ“%E4%BD%A0%E5%A5%BD”×Ö·û´®Ê±£¬ÊÇͨ¹ýYAHOO.util.ConnectÕâ¸ö¿Ø¼þÀ´·¢Ë͵ģ¬Èç¹û¿Í»§¶ËÄÜÕý³£µØ·¢ËÍ“%E4%BD%A0%E5%A5%BD”Õâ¸ö×Ö·û´®£¬·þÎñ¶Ë½ÓÊÕµ½Ö®ºó²¢²»»á×ö¶îÍâµÄתÒ壬µ«ÊÇYAHOO.util.Connect ½«encodeÖ®ºó×Ö·û´®´«¸øConnect¿Ø¼þÖ®ºó£¬Õâ¸ö¿Ø¼þÔÚÄÚ²¿»á½«encodeÖ®ºóµÄ×Ö·ûÔÙdecodeÖ®ºóÔÙ·¢ËÍ£¬ÒòΪ·¢Ë͵ÄÊÇutf-8¸ñʽµÄÄÚÈÝ£¬ËùÒÔ·þÎñÆ÷¶Ë¾Í»á³öÏÖÂÒÂë¡£
½â¾ö°ì·¨
³¢ÊÔÁËÒÔÉÏgetºÍpost·½Ê½Ö®ºó£¬¾õµÃÔÚÇëÇóµÄURLÉÏ·¢ËÍÊý¾ÝÂÒÂëÎÊÌâµÄ½â¾ö·½°¸±È½ÏÂé·³£¬¿öÇÒ£¬httpÐÒéÖÐÒѾÃ÷ȷ˵ÁËgetºÍpostµÄÇø±ð£¬getÊÇ´Ó·þÎñÆ÷¶ËÄÃһЩ¶«Î÷£¬¶øpostÊÇÏò·þÎñÆ÷´«Êä¶«Î÷¡£get·½Ê½Ïò·þÎñÆ÷¶Ë·¢Ë
Ïà¹ØÎĵµ£º
AjaxºÍjspµÄ¹ÖÏÖÏó
Èç¹ûÓÃAjaxÈ¥ÇëÇóÒ»¸öjspÒ³Ãæ£¬¸ÃjspÒ³Ãæ·µ»ØµÄÊÇxml£¨response.setContentType("text/xml; charset=GB2312");£©£¬²¢ÇÒ¸Ãjsp°üº¬ÏÂÃæÕâЩͷ@pageÖ¸ÁîµÄ»°£¬ÔòÔÚ¿Í»§¶Ëxml=XMLHttpRequest.responseXMLµÃµ½µÄÊÇÒ»¸ö²»°üº¬ÈÎÎñ¶«Î÷µÄxml¶ÔÏ󣬼´xml.childNodes.length½«»áÊÇ0.
......
±¾ÎÄÄÚÈÝÕª×Ô£º¡¶Java Web¿ª·¢½Ì³Ì——ÈëÃÅÓëÌá¸ßƪ£¨JSP+Servlet£©¡·
½»»¥µÄ»ù±¾¹ý³Ì°üÀ¨£º
l ´´½¨XMLHttpRequest¶ÔÏó£»
l ·¢ËÍÇëÇó£»
l ´¦ÀíÏìÓ¦¡£
´ ......
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>JavaScript Sample</title>
<link rel="stylesheet" type="text/css" href="main.css" media="all">
<sc ......
ÔÚÕâ¸ö±»Ajax¼¼ÊõͳÖεĻ¥ÁªÍøÊ±´ú£¬ºÜ¶àAjax³ÌÐò¶¼»áÔÚÒì²½¶ÁÈ¡Êý¾ÝµÄͬʱ£¬ÏÔʾһ¸öÕýÔÚ¶ÁÈ¡»òLoadingµÄ¶¯»£¬½ñÌì±òGoÒªÏò´ó¼Ò
ÍÆ¼öÒ»¸öÔÚÏßÉú³ÉLoadingÔ¤ÔØ¶¯»GifͼƬµÄÍøÕ¾£¬Ëü²»µ«ÌṩÁ˳¬¶àµÄLoading¶¯»Ñùʽ¹©ÄãÑ¡Ôñ£¬¶øÇÒÄ㻹¿ÉÒÔ×Ô¶¨Òå³ß´ç¡¢ÑÕÉ«µÈ²ÎÊý£¬¿É
ν·½±ãµ½¼Ò£¬×î×îÖØÒªµÄÊÇ£¬PreLoaders.net
Ìṩ ......
ajaxÖÐʹÓÃpost ·½Ê½Ìá½»±íµ¥Ê±ÄÜÌá½»¶à´ï2GBµÄÄÚÈÝ,¶øGET·½·¨Ö»ÄÜÌá½»×î¶à512KBµÄÄÚÈÝ.ÒÔÏÂÊÇajax POSTÌá½»µÄÀý×Ó.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head& ......