JavaScriptÈëÃÅÓëÆä¿ò¼ÜJQuery£¬JSONºÍXMLµÄ±È½Ï
µ±Ò³ÃæÔØÈëʱ£¬»áÖ´ÐÐλÓÚ body ²¿·ÖµÄ JavaScript¡£
µ±±»µ÷ÓÃʱ£¬Î»ÓÚ head ²¿·ÖµÄ JavaScript ²Å»á±»Ö´ÐС£
2006Äê1ÔÂ14ÈÕ£¬John Resig ÔÚBarCampNYCÉϵÚÒ»´Î·¢²¼ÁËjQuery¡£
JSON(JavaScript Object Notation) ÊÇÒ»ÖÖÇáÁ¿¼¶µÄÊý¾Ý½»»»¸ñʽ¡£Ò×ÓÚÈËÔĶÁºÍ±àд¡£Í¬Ê±Ò²Ò×ÓÚ»úÆ÷½âÎöºÍÉú³É¡£Ëü»ùÓÚJavaScript£¨Standard ECMA-262 3rd Edition - December 1999£©µÄÒ»¸ö×Ó¼¯¡£
JSONÓëXMLµÄ±È½Ï
¡¡¡¡¡ô¿É¶ÁÐÔ
¡¡¡¡JSONºÍXMLµÄ¿É¶ÁÐÔ¿Éν²»ÏàÉÏÏ£¬Ò»±ßÊǽ¨ÒéµÄÓï·¨£¬Ò»±ßÊǹ淶µÄ±êÇ©ÐÎʽ£¬ºÜÄÑ·Ö³öʤ¸º¡£
¡¡¡¡¡ô¿ÉÀ©Õ¹ÐÔ
¡¡¡¡XMLÌìÉúÓкܺõÄÀ©Õ¹ÐÔ£¬JSONµ±È»Ò²ÓУ¬Ã»ÓÐʲôÊÇXMLÄÜÀ©Õ¹£¬JSON²»Äܵġ£
¡¡¡¡¡ô±àÂëÄѶÈ
¡¡¡¡XMLÓзḻµÄ±àÂ빤¾ß£¬±ÈÈçDom4j¡¢JDomµÈ£¬JSONÒ²ÓÐjson.orgÌṩµÄ¹¤¾ß£¬µ«ÊÇJSONµÄ±àÂëÃ÷ÏÔ±ÈXMLÈÝÒ×Ðí¶à£¬¼´Ê¹²»½èÖú¹¤¾ßÒ²ÄÜд³öJSONµÄ´úÂ룬¿ÉÊÇҪдºÃXML¾Í²»Ì«ÈÝÒ×ÁË¡£
¡¡¡¡¡ô½âÂëÄѶÈ
¡¡¡¡XMLµÄ½âÎöµÃ¿¼ÂÇ×ӽڵ㸸½Úµã£¬ÈÃÈËÍ·»èÑÛ»¨£¬¶øJSONµÄ½âÎöÄѶȼ¸ºõΪ0¡£ÕâÒ»µãXMLÊäµÄÕæÊÇû»°Ëµ¡£
¡¡¡¡¡ôʵÀý±È½Ï
¡¡¡¡XMLºÍJSON¶¼Ê¹Óýṹ»¯·½·¨À´±ê¼ÇÊý¾Ý£¬ÏÂÃæÀ´×öÒ»¸ö¼òµ¥µÄ±È½Ï¡£
¡¡¡¡ÏÖ¼ÙÉèÓÐÒ»¸öÓû§Êý¾Ý°üÀ¨£ºÓû§Ãû¡¢ÃÜÂë¡¢ËùÔÚ²¿ÃÅ¡¢ÐÔ±ð¡¢ÄêÁä¡£
¡¡¡¡ÓÃXML±íʾÈçÏ£º
¡¡¡¡ <?xml version="1.0" encoding="utf-8"?>
¡¡¡¡ <user>
¡¡¡¡ <name>ÕÅÈý </name>
¡¡¡¡ <password>123456 </password>
¡¡¡¡ <department>¼¼Êõ²¿ </department>
¡¡¡¡ <sex>ÄÐ </sex>
¡¡¡¡ <old>30 </old>
¡¡¡¡ </user>
¡¡¡¡ÓÃJSON±íʾÈçÏ£º
¡¡¡¡{
¡¡¡¡"name":"ÕÅÈý",
¡¡¡¡"password":"123456",
¡¡¡¡"department":"¼¼Êõ²¿",
¡¡¡¡"sex":"ÄÐ",
¡¡¡¡"old":30
¡¡¡¡}
¡¡¡¡ÓëXMLÒ»Ñù£¬JSONÒ²ÊÇ»ùÓÚÎı¾µÄ£¬ÇÒËüÃǶ¼Ê¹ÓÃUnicode±àÂ룬ͬÑù¾ßÓпɶÁÐÔ¡£XML±È½ÏÊʺÏÓÚ±ê¼ÇÎĵµ£¬¶øJSONÈ´¸üÊʺÏÓÚʱÐÐÊý¾Ý½»»»´¦Àí¡£
JavaScript Object Notation (JSON) ÊÇÒ»ÖÖÇáÁ¿¼¶¡¢»ùÓÚÎı¾¡¢ÓïÑÔÎ޹صÄÊý¾Ý½»»»¸ñʽ¡£ËüÊÇ´ÓECMAScriptÓïÑÔ±ê×¼ÑÜÉú¶øÀ´¡£
Ïà¹ØÎĵµ£º
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<mce:style type="text/css"><!--
div#show { float: right; color: blue; }
--></mce:style><style type="text/css" mce_bogus=" ......
ʹÓùýajaxµÄ¶¼³£¼ûÕâÑùµÄ´úÂ룺
<a href="javascript:doTest2();void(0);" mce_href="javascript:doTest2();void(0);">here</a>
µ«Õâ¶ùµÄvoid(0)¾¿¾¹ÊǺκ¬ÒåÄØ£¿
JavascriptÖÐvoidÊÇÒ»¸ö²Ù×÷·û£¬¸Ã²Ù×÷·ûÖ¸¶¨Òª¼ÆËãÒ»¸ö±í´ïʽµ«ÊDz»·µ»ØÖµ¡£
void ²Ù×÷·ûÓ÷¨¸ñʽÈçÏ£º
1. javascript:void (expres ......
ͨ¹ýÀí½â´íÎóµÄ±àÂ뷽ʽ£¬¿ÉÒÔ¸üºÃµØÁ˽âÈçºÎÕýÈ·µØ½øÐбàÂë¡£µ±È»£¬±àд Asynchronous JavaScript™ +
XML£¨Ajax£©ÓÐÕýÈ·µÄ·½·¨£¬Ò²ÓдíÎóµÄ·½·¨¡£±¾ÎĽ«ÌÖÂÛһЩÐèÒª±ÜÃâµÄ³£¼û±àÂëʵ¼ù¡£
Èç¹ûÈËÃÇÔÚµÚÒ»´Î¾ÍÄܹ»½«ËùÓÐÊÂÇéÈ«²¿×ö¶Ô£¬ÄÇôÕâ¸öÊÀ½ç½«±äµÃÍêÈ«²»Í¬¡£Ajax Ò²ÊÇÈç´Ë¡£ÎÒ×öÁË´óÁ¿µÄ¹¤×÷ÒÔÖ§³Ö Ajax
......
ͨ³£javascript´úÂë¿ÉÒÔÓëHTML±êǩһÆðÖ±½Ó·ÅÔÚǰ¶ËÒ³ÃæÖУ¬µ«Èç¹ûJS´úÂë¶àµÄ»°Ò»·½Ãæ²»ÀûÓÚά»¤£¬ÁíÒ»·½ÃæÒ²¶ÔËÑË÷ÒýÇæ²»ÓѺã¬Òò
ÎªÒ³ÃæÒò´Ë¶ø±äµÃÓ·Ö×£»ËùÒÔÒ»°ãÓÐÁ¼ºÃ¿ª·¢Ï°¹ßµÄ³ÌÐòÔ±¶¼»á°Ñjavascript´úÂë·Åµ½¶ÀÁ¢µÄjsÎļþÖУ¬ÆäËûÒ³ÃæÍ¨¹ýÒýÈë¸ÃjsÎļþÀ´Ê¹ÓÃÏàÓ¦µÄ
javascript´úÂë¡£
½ñÌìÔÚ×öÒ»¸öСÐÂÎÅϵͳµÄ¹ÜÀí ......
<a class="bt_3" href="javascript:void(0)" mce_href="javascript:void(0)" id="btnSubmit1" onclick="submitPage()">Ìá½»</a>
submitPage() ÊÇÎÒ¶¨ÒåµÄÒ»¸öº¯Êý£¬ÔÒâÊǵã»÷Õâ¸ö<a>ʱ£¬Ìá½»Ò»¸ö±íµ¥¡£ft, ie6 ¾ÓÈ»²»¿ÉÒÔ£¬ÔõôҲ²»ÄÜÌá½»¡£
¿´À´ÊÇÒòΪ ie6 Ö´ÐÐĬÈ϶¯×÷ÒýÆðÀ´£¬Ä¿Ç°Á½ÖÖ½â¾ö·½·¨£ ......