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¼Ó
Ïà¹ØÎĵµ£º
var httpRequest = false;
var mesdivs = null
function sendRequest(url, mesdiv) {
mesdivs = mesdiv;
httpRequest = false;
if (window.XMLHttpRequest) {
httpRequest = new XMLHttpRequest();
......
var httpRequest = false;
var mesdivs = null
function sendRequest(url, mesdiv) {
mesdivs = mesdiv;
httpRequest = false;
if (window.XMLHttpRequest) {
httpRequest = new XMLHttpRequest();
......
ÒÔÎÒÒÔǰдµÄÒ»¸öÁ·Ï°AJAXµÄ»áÔ±×¢²áÒ³ÃæÎªÀý¡£
ÏÂÃæÕâЩÖ÷ÒªÊÇÔÚÊäÈëÓû§Ãû£¬¹â±êÀ뿪ÊäÈë¿ò¾Í½øÐÐÅжϸÃÓû§ÃûÊÇ·ñºÏ·¨µÄajax·½·¨¡£
£¨1£©Xmlhttprequest AJAXÖ®ºËÐÄ
function S_Xmlhttprequest(){
if(window.ActiveXObject) //IE
xmlhttp = new ActiveXObject('Microsoft.XMLHTTP');
else if(window.XmlHTTPRe ......
ÒÔÏ´úÂëÇëÔÚFirefox 3.5¡¢Chrome 3.0¡¢Safari 4Ö®ºóµÄ°æ±¾ÖнøÐвâÊÔ¡£IE8µÄʵÏÖ·½·¨ÓëÆäËûä¯ÀÀ²»Í¬¡£
¿çÓòÇëÇ󣬹ËÃû˼Ò壬¾ÍÊÇÒ»¸öÕ¾µãÖеÄ×ÊÔ´È¥·ÃÎÊÁíÍâÒ»¸ö²»Í¬ÓòÃûÕ¾µãÉϵÄ×ÊÔ´¡£ÕâÖÖÇé¿öºÜ³£¼û£¬±ÈÈç˵ͨ¹ý style. ±êÇ©¼ÓÔØÍⲿÑùʽ±íÎļþ¡¢Í¨¹ý img ±êÇ©¼ÓÔØÍⲿͼƬ¡¢Í¨¹ý script. ±êÇ©¼ÓÔØÍⲿ½Å±¾Îļþ¡¢Í¨¹ý W ......
10¸öÓÅÐãµÄAjaxºÍJavascript¹úÍâ×ÊÔ´ÍøÕ¾
×ªÔØµØÖ·£ºhttp://www.zzsky.cn/build/content/1246.htm
1¡¢Ajax Rain: http://www.ajaxrain.com
¡¡¡¡AjaxRainÓкܶàÍêÃÀÕûºÏAjax¡¢CSS¡¢DHTML»òJavascriptµÄʵÀý£¬ÓÐһЩDemoµÄÈ·ÖµµÃÄãÈ¥¿´Ò»¿´£¬¼´Ê¹Äã²»ÊÇÍøÒ³Éè¼Æ£¨¿ª·¢£©Ê¦¡ ......