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¼Ó
Ïà¹ØÎĵµ£º
<script type="text/javascript">
function addUrl(){
//1¡¢ÉèÖÃÇëÇóurlµØÖ·
var name = document.getElementById("name").value;
var text = document.getElementById("url").value;
var url = "insertUrl.do?name="+name+
"&url="+text+"&time"+new Date() ;
//2¡¢´´½¨xmlHttpRequest¶ÔÏó
x ......
1¡¢´´½¨
XMLHttpRequest
¶ÔÏóµÄÒ»¸öʵÀý
var xmlHttp;
function createXMLHttpRequest() {
if (window.ActiveXObject) {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else if ( ......
ÒÔÎÒÒÔǰдµÄÒ»¸öÁ·Ï°AJAXµÄ»áÔ±×¢²áÒ³ÃæÎªÀý¡£
ÏÂÃæÕâЩÖ÷ÒªÊÇÔÚÊäÈëÓû§Ãû£¬¹â±êÀ뿪ÊäÈë¿ò¾Í½øÐÐÅжϸÃÓû§ÃûÊÇ·ñºÏ·¨µÄajax·½·¨¡£
£¨1£©Xmlhttprequest AJAXÖ®ºËÐÄ
function S_Xmlhttprequest(){
if(window.ActiveXObject) //IE
xmlhttp = new ActiveXObject('Microsoft.XMLHTTP');
else if(window.XmlHTTPRe ......
10¸öÓÅÐãµÄAjaxºÍJavascript¹úÍâ×ÊÔ´ÍøÕ¾
×ªÔØµØÖ·£ºhttp://www.zzsky.cn/build/content/1246.htm
1¡¢Ajax Rain: http://www.ajaxrain.com
¡¡¡¡AjaxRainÓкܶàÍêÃÀÕûºÏAjax¡¢CSS¡¢DHTML»òJavascriptµÄʵÀý£¬ÓÐһЩDemoµÄÈ·ÖµµÃÄãÈ¥¿´Ò»¿´£¬¼´Ê¹Äã²»ÊÇÍøÒ³Éè¼Æ£¨¿ª·¢£©Ê¦¡ ......