JSONʵÏÖAJAXÎÞˢмÓÔØ
AJAXÖ÷ÒªÓÐÈýÖÖ£º×î¼òµ¥µÄÖ±½Ó¼ÓÔØÕû¸öÍøÒ³£¬È»ºóͨ¹ýinnerHTMLÖ®ÀàµÄ°ì·¨ÏÔʾÔÚÍøÒ³ÉÏ£¬Õâ¸öÏÖÔÚÓÃPrototype.jsµÄAjax.UpdaterÀàÄÜÇá¶øÒ×¾ÙµØÊµÏÖ£»ÁíÒ»ÖÖ×î³£ÓõÄÊǼÓÔØÒ»¸öÖ»°üº¬Êý¾ÝµÄÎļþ£¨±ÈÈçXML£©È»ºóͨ¹ýһϵÁдúÂë´¦ÀíºóÏÔʾ¸øÓû§£»»¹ÓÐÒ»ÖÖÊÇÏñDWR»òPHPRPCÄÇÑùÖ±½Ó°Ñ·þÎñÆ÷¶ËµÄº¯ÊýÉú³É¶ÔÓ¦µÄJS´úÂë¸ø¿Í»§¶Ë£¬¿Í»§¶ËÖ´Ðкó½»ÓÉ·þÎñÆ÷´¦Àí£¬ÔÙ·µ»Ø½á¹û¡£ÕâÀïÎÒÃÇÀ´ÌÖÂÛһϵڶþÖÖ£¬»ùÓÚÊý¾ÝµÄ¡£
ÓÃXML·â×°Êý¾ÝµÄʵÏÖ¼ûµÃ¶àÁË£¬Êµ¼ÊÉÏXML²»ÊÇΨһµÄ°ì·¨¡£¶ÔÓÚһЩ¼òµ¥µÄÓ¦Ó㬻¹ÓÐÒ»¸öÇ¿´óµÄ¶«Î÷£ºJSON¡£¼òµ¥µØËµ£¬¾ÍÊÇÓÉ·þÎñÆ÷¶ËÉú³ÉÐòÁл¯ºóµÄÊý¾Ý£¨Æäʵ¾ÍÊÇJS´úÂ룬²»¹ýºÍÉÏÎÄÌáµ½µÄµÚÈýÖÖAJAX²»Í¬µÄÊÇ£¬·þÎñÆ÷¶ËÉú³ÉµÄ´úÂëÊÇJSÓÉObjectºÍArray¶à²ãǶÌ××é³ÉµÄ±äÁ¿£©£¬Óɿͻ§¶Ë¼ÓÔØÖ®ºóÖ±½ÓʹÓÃJSÀ´½âÎö¡£Õ§ÌýÖ®ÏÂËÆºõ»¹ÊǺÍXML²î²»¶àÂ´íÁË¡£JSON»¹Óм¸¸öXML²»ÄܱÈÄâµÄÓÅÊÆ£ºËüÊÇJavascriptÔÉúµÄObjectºÍArray¡£»»¾ä»°Ëµ£¬ÄãÉõÖÁ²»ÓÃÀí»áXMLHttpRequest¡£Ïëµ±³õ¸Õ³¢ÊÔÒÔGoogle ChromeΪÖ÷Ҫƽ̨дAJAXÓ¦ÓÃʱ£¬²Å·¢ÏÖChrome¾¹È»Ã»ÓÐ×Ô¼ºÖ®Ç°Ò»Ö±ÔÚÆäËüä¯ÀÀÆ÷ÀïÓõÄselectSingleNode()£¡»òÐíϰ¹ß²»ºÃ»ò·½·¨ÓÐÎ󣬲»¹ýÎÒ»¹ÊÇ囧¡£ÈôÊÇʹÓÃJSONµÄ»°£¬Í¨¹ýJSÔÉúµÄ·½·¨¶ÔArrayºÍObject²Ù×÷£¬²»»áÓÐÕâ¸öÎÊÌâ¡£
ºÃÁË£¬ËµÁËÕâô¶à·Ï»°£¬ÇÐÈëÕýÌâ¡£¹ØÓÚJSONµÄʵÏÖ·½Ê½£¬ÍøÉÏÒ»´ó¶Ñ£¬ÕâÀïÎÒÖ»ÊÇ˵˵ÎÒ×Ô¼ºÐ´µÄÒ»¸öÀý×Ó£¨ÆäÊµËµÕæµÄ£¬Ö±µ½×òÌìÎÒ²ÅÖªµÀÕâ½ÐJSON£¬·ñÔòÎÒÔç¾ÍʹÓÃÏֳɵÄÀà¿â¶ø²»ÓÃ×Ô¼ºÐ´´úÂëÀ´½âÎöÐòÁÐÁË£©
ÏÂÃæÊÇÒ»¸öµäÐ͵ÄJSON¸ñʽµÄÊý¾Ý¡£Ëüʵ¼ÊÉÏÊÇÒ»¸öÓÉ·þÎñÆ÷¶Ë³ÌÐòÉú³ÉµÄJSÎļþ£¬²¢ÇÒ»¹½øÐÐÁ˻ص÷µÄµ÷Óãº
var data = [
{
"name":"ÕÅÈý",
"age":32
},
{
"name":"ÀîËÄ",
"age":24
}
];
_callback("asdfxeg", data); //»Øµ÷£¬ÆäÖеÚÒ»¸ö²ÎÊýÎÞÒ⣬ÏÂÎÄ»á˵µ½
ÊìϤJSµÄÓ¦¸Ã¶¼ÖªµÀ£¬Ïñ“obj={}”Õâ¸ö´óÀ¨ºÅÀïÃæÆäʵÊÇÒ»¸öObject£¨¶ÔÏ󣩣¬ÎÒÃÇ¿ÉÒÔ×ÔÓɵض¨ÒåËüµÄÊôÐÔÀ´´æ·ÅÎÒÃÇÏëÒªµÄÊý¾Ý£»¶øÖÐÀ¨ºÅ[]ÔòÊÇÒ»¸öArray£¨Êý×飩£¬Array¿ÉÒÔ°üº¬ÈÎÒâÀàÐ͵ÄÊý¾Ý£¬µ±È»Ò²°üÀ¨Object£¬ÕâÒ²¾ÍÊÇJSONµÄ»ù±¾½á¹¹ÁË¡£
ºÃÁË£¬ËµÍêÊý¾Ý½á¹¹£¬ÏÂÃæÀ´ËµÒ»ÏÂÔõô¼ÓÔØËü¡£Ê×ÏÈ£¬¼ÈÈ»ÊÇAJAX£¬×ÔÈ»¿ÉÒÔÓÃÎÒÃÇÆ½³£¼ûµ½µÄXMLHttpRequest£¬È»ºó°ÑÀÏÂÀ´µÄÊý¾ÝÓÃwindow.eval()·½·¨Ö´ÐÐһϣ¬±ã¼ÓÔØÏÂÀ´ÁË¡£JSONµÄ÷ÈÁ¦²¢²»½ö½öÓÚ´Ë£¬Ö®Ç°ÒѾ˵ÁË£¬Ëüʵ¼ÊÉÏÊÇ100%ÔÉúµÄJS£¬Äã¿ÉÄÜÒ²Ïëµ½ÁË£¬ÄǾÍÊÇÖ±½ÓÓÃDOM¼Ó
Ïà¹ØÎĵµ£º
Thickbox
-
»ùÓÚ
jQuery
£¬Ö§³Ö AJAX£¬ÇáÁ¿¼¶µÄ¶øÇұȽϸßЧ¡£Ö§³ÖͼƬÓëHTMLÄÚÈÝ¡£´óСԼΪ
40k£¬Ä¿Ç°»¹¿É×÷Ϊ WordPress
µÄ²å¼þʹÓá£Õâ¸öjsµÄÓŵãÔÚÓÚÓ룬¸¸¼¶µÄÔÒ³Ãæ¹ö¶¯ÌõËæÊó±ê¹ö¶¯µÄʱºò£¬µ¯³öµÄ²ã²¢²»Òƶ¯£¬¶øÊ¼ÖÕ´¦ÓÚä¯ÀÀÆ÷µÄ¹Ì¶¨Î»Öá£
GreyBox
- ´´½¨ iframe µÄµ¯³ö½çÃæ£¬¿ÉʹÓÃͼƬ ......
2006 Äê 11 ÔÂ 09 ÈÕ
·þÎñÆ÷¶Ë Web Ó¦ÓóÌÐòÒò²ÉÓø»Ó¦ÓóÌÐòÄ£Ðͺͽ»¸¶¸öÐÔ»¯ÄÚÈݶø¾ß±¸ÁËÈÚÈëʽ£¨immersive£© µÄÌØµã£¬ÕâÖÖÌØµãԽͻ³ö£¬Ó¦ÓóÌÐò¼Ü¹¹¶Ô Web ¼Ü¹¹·ç¸ñ REST£¨Representational State Transfer£©µÄÎ¥±³¾ÍÔ½¶à¡£ÕâÖÖÎ¥±³»á½µµÍÓ¦ÓóÌÐòµÄ¿ÉÉìËõÐÔ£¬Ôö¼Óϵͳ¸´ÔÓÐÔ¡£Í¨¹ýÓë REST Ï໥е÷£¬Ajax ¼Ü¹¹½«Ê¹ÈÚÈë ......
»ìãç³õ¿ª£¬Ò»Çж¼ÄÇô¼òµ¥¡£ÎªÁËÁ¬½ÓÃÀ¹úµÄÉÙÊý¼¸¸ö¶¥¼âÑо¿»ú¹¹£¬ÈËÃÇÉè¼ÆÁË×îÔçµÄ“Internet”£¬ÒԱ㹲ͬ¿ªÕ¹¿ÆÑ§Ñо¿¡£²»ÂÛÊÇͼÊé¹ÝÔ±¡¢ºËÎïÀíѧ¼Ò£¬»¹ÊǼÆËã»ú¿ÆÑ§¼Ò£¬¶¼±ØÐëѧϰһ¸öÏ൱¸´ÔÓµÄϵͳ¡£1962Ä꣬ÂéÊ¡Àí¹¤Ñ§Ôº£¨MIT£©µÄJ.C.R. Licklider×îÔçÌá³öËûµÄ“Galactic Network”£¨³¬´óÍøÂç£©Ë ......
XMLHttpRequest¶ÔÏóÊÇAjaxµÄºËÐÄ£¬ËüÓÐÐí¶àÊôÐÔ£¬·½·¨ºÍʼþÒÔ±ãÓڽű¾µÄ´¦ÀíºÍ¿ØÖÆHTTPµÄÇëÇóÓëÏìÓ¦
ÏÂÃæÊǹØÓÚXMLHttpRequest¶ÔÏóµÄһЩÊôÐԺͷ½·¨½éÉÜ
1.readyStateÊôÐÔ
µ±XMLHttpRequest¶ÔÏó±»´´½¨ºó£¬readyStateÊôÐÔ±êʶÁ˵±Ç°¶ÔÏóËù´¦µÄ״̬£¬¾ßÌåµÄÖµ´ú±íÒâÒåÈçÏ£º
0 δ³õʼ»¯×´Ì¬£¬ ......
ÔÚ¹¹ÔìurlÊÇÓÃjavascript×Ô´øµÄencodeURIComponent·½·¨½«²ÎÊý½øÐбàÂ룬ÏÂÃæÊÇÎҵĴúÂë
var url = "handel.jsp?name="+encodeURIComponent(document.form1.name.value);
httpRequest = createHttpRequest();
httpReque ......