³õʶAjax¼¼Êõ1
Ò» ÒýÌâ
ÈçºÎÈÃweb³ÌÐòÓÃÆðÀ´Ïñ×ÀÃæÓ¦ÓóÌÐòÒ»Ñù¼òµ¥£»
ÅÖ¿Í»§¶Ë£¿Êݿͻ§¶Ë£¿ÈçºÎÑ¡Ôñ£¿-----¿´ÐèÇ󣬿´Óû§µÄʹÓã¬Áé»îµ÷½Ú¡£
²»ÒªÉÁ˸£¬¿Õ°×Ò³³öÏÖ£¿
¶þ ³õʶAjax
1. AjaxÊÇÒ»¸ö¿Í»§¶Ë¼¼Êõ£¬²»ÂÛÄãÏÖÔÚʹÓúÎÖÖ·þÎñÆ÷¶Ë¼¼Êõ£¬¶¼ÄÜʹÓÃAjax£¬¶ø²»¹ÜʹÓõÄÊÇJava¡¢.NET¡¢Ruby¡¢PHP»¹ÊÇCGI¡£
2. AjaxÊÇÒ»ÖÖ»ùÓÚä¯ÀÀÆ÷µÄ·½·¨£»
3. Ajax²»ÊÇȫеÄÍøÒ³¼¼Êõ£¬ËüÊÇÒÔÒ»ÖÖз½·¨À´ÕûºÏÏÖ´æµÄ¶àÖÖÍøÒ³¼¼Êõ£»
4. Ч¹ûÈ磺Google Suggest£»
5. AjaxÏà¹Ø¼¼ÊõÈçÏ£º
¡ô HTML/XHTMLºÍCSS£ºÔÚä¯ÀÀÆ÷ÏÔʾÓû§½Ó¿ÚºÍ³ÊÏÖÏà¹ØÊý¾Ý£»
¡ô JavaScript£»ËùÓеÄä¯ÀÀÆ÷¶¼Ö§³ÖJavaScript½Å±¾ÓïÑÔ¡£AJAXʹÓÃJavaScript½Å±¾ÓïÑÔÀ´²Ù×÷XmlHttpRequest¶ÔÏó¡¢²Ù×÷DOMºÍCSSµÈ¡£
¡ô XML£º·þÎñÆ÷Òì²½´«µÝµÄÊý¾Ý£»
¡ô XMLDOM:µ±ä¯ÀÀÆ÷Òì²½»ñÈ¡XMLÊý¾Ýºó£¬¿ÉÒÔ½øÒ»²½µÄʹÓÃJavaScript³ÌÐò´úÂëºÍXML DOMÀ´È¡³öÏà¹ØµÄÐÅÏ¢£»
¡ô XMLHTTPRequest¶ÔÏó£ºJavaScript´úÂëʶͨ¹ýXMLHTTPRequest¶ÔÏóÀ´½¨Á¢Òì²½µÄHTTPÇëÇó£»
×¢Ò⣺¶ÔÓÚһЩÏà¹Ø¼¼Êõ£¬Äã²»±ØÊÇÕâ·½ÃæµÄר¼Ò£¬µ«ÊÇ»ù±¾Á˽⻹ÊDZØÒªµÄ¡£
6. Ajax×î´óÌØÉ«Ö®Ò»£º¿ÉÒÔ¸üÐÂÍøÒ³µÄ²¿·ÖÄÚÈݶø²»ÐèҪˢÐÂÕû¸öÒ³Ãæ£»
×îͨÓõ͍ÒåΪ£ºXmlHttpÊÇÒ»Ì׿ÉÒÔÔÚJavascript¡¢VbScript¡¢JscriptµÈ½Å±¾ÓïÑÔÖÐͨ¹ýhttpÐÒé´«ËÍ»ò´Ó½ÓÊÕXML¼°ÆäËûÊý¾ÝµÄÒ»Ì×API¡£XmlHttp×î´óµÄÓô¦ÊÇ¿ÉÒÔ¸üÐÂÍøÒ³µÄ²¿·ÖÄÚÈݶø²»ÐèҪˢÐÂÕû¸öÒ³Ãæ¡££¨Õâ¸ö¹¦ÄÜÕýÊÇAJAXµÄÒ»´óÌØµãÖ®Ò»£©
Èý Àí½âÒ첽˼Ïë
1. AjaxÔÊÐíÄãÒì²½µØÍê³É²Ù×÷£¬Õâ¸ö×î´óµÄÓŵ㣻
2. ¶àÊý Web Ó¦ÓóÌÐò¶¼Ê¹ÓÃÇëÇó/ÏìӦģÐÍ´Ó·þÎñÆ÷ÉÏ»ñµÃÍêÕûµÄ HTML Ò³Ãæ¡£³£³£Êǵã»÷Ò»¸ö°´Å¥£¬µÈ´ý·þÎñÆ÷ÏìÓ¦£¬ÔÙµã»÷ÁíÒ»¸ö°´Å¥£¬È»ºóÔٵȴý£¬ÕâÑùÒ»¸ö·´¸´µÄ¹ý³Ì¡£
±ÈÈ磬µ½ Amazon.com ÍøÕ¾Éϵã»÷Ò»¸ö°´Å¥»òÕßÊäÈëËÑË÷Ïî¡£¾Í»á¶Ô·þÎñÆ÷·¢ËÍÒ»¸öÇëÇó£¬È»ºóÏìÓ¦ÔÙ·µ»Øµ½ä¯ÀÀÆ÷¡£¸ÃÇëÇó²»½ö½öÊÇͼÊéºÍÊéÄ¿ÁÐ±í£¬¶øÊÇÁíÒ»¸öÍêÕûµÄ HTML Ò³Ãæ¡£Òò´Ëµ± Web ä¯ÀÀÆ÷ÓÃÐ嵀 HTML Ò³ÃæÖØ»æÊ±£¬¿ÉÄܻῴµ½ÉÁ˸»ò¶¶¶¯¡£ÊÂʵÉÏ£¬Í¨¹ý¿´µ½µÄÿ¸öÐÂÒ³Ãæ¿ÉÒÔÇåÎúµØ¿´µ½ÇëÇóºÍÏìÓ¦¡£
ËÄ Í¨¹ýÒ»¸ö¼òµ¥µÄÀý×ÓÀ´Ñ§Ï°Ajax¼¼Êõ
£¨²Î¿¼ÀýÌ⣺TrainAjax/NewRequest.aspx£©
ÒªÕæÕýʵÏÖÕâÖÖѤÀöµÄÆæ¼££¬±ØÐë·
Ïà¹ØÎĵµ£º
ÉÏ´«Ò³ÃæÖ»ÐèÒªÒ»¸öjsÒýÓúÍjsº¯ÊýµÄµ÷Ó㬼òµ¥·½±ã£¬²»Ó°ÏìÍøÒ³ÔÓв¼¾Ö¡£
ÏÂÔØµØÖ·
µ÷ÓÃ˵Ã÷:
1.Ê×ÏÈÒýÓÃjsÎļþ
<script type="text/javascript" src="AienUpload/init.js"></script>
2.½«º¯Êýµ÷ÓÃ(showUpload(boxCtrl,inputCtrl,upPath,maxCount,fn);)°ó¶¨µ½HTMl¿Ø¼þʼþ£¬ÀýÈç
......
Ajax£¬Ñ¡Ôñͬ²½»¹ÊÇÒì²½
AjaxÔÚÍøÒ³ÖÐ×î´óµÄÒ»¸öÓŵãÊÇËü¿ÉÒÔ·ÃÎÊ·þÎñÆ÷ÉϵÄÐÅÏ¢¶ø²»ÐèÒªÖØÐ¼ÓÔØÍøÒ³¡£ÕâÒâζ×ÅÒª¼ìË÷»òÊǸüÐÂÐÅÏ¢µÄijһС¸ö²¿·ÖµÄʱºò£¬Ö»ÐèÒª´Ó·þÎñÆ÷¶Ë´«ËÍÄÇÒ»²¿·ÖÐèÒªµÄÐÅÏ¢¶ø²»ÐèÒªÖØÐÂÏÂÔØÕû¸öÍøÒ³¡£
¡¡¡¡Ajax¿ÉÒÔͨ¹ýÁ½ÖÖ·½·¨·ÃÎÊ·þÎñÆ÷£¬¼´Í¬²½(½Å±¾»áÍ£Áô²¢µÈ´ý·þÎñÆ÷·¢Ëͻظ´È»ºóÔÙ¼ÌÐø)ºÍ ......
tree.js
function getRank(rankNum)
{
var rankName="";
switch(rankNum)
{
case 1:
{
rankName="(ÆÕͨ»áÔ±)";
break;
}
case 2:
{
&n ......
/**
* Ajax²Ù×÷º¯Êý
*
* @param url -- ·þÎñÆ÷¶ËÒ³ÃæµØÖ·
* @param param -- ²ÎÊý£¬ÀàËÆ 'user=123&id=100'
* @param method -- ÇëÇó·þÎñÆ÷¶ËµÄ·½·¨,GetºÍPostÁ½ÖÖ£¬Ä¬ÈÏÊÇGET
* @param response -- ÊÇ·ñ»ñÈ¡·þÎñÆ÷¶Ë·µ»ØµÄ½á¹û£¬Ä¬ÈÏÊÇtrue
*/
function ajax( url, param, method, response ){
//set defaul ......