Ò׽ؽØÍ¼Èí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö160KB

С±àdz̸Struts2ÖÐʹÓÃJSON²å¼þʵÏÖAjax

½ñÌìС±àºÍ´ó¼Ò·ÖÏíµÄÊÇJSON²å¼þʵÏÖAjax£¬Ï£Íû¶Ô´ó¼ÒÓÐËù°ïÖú¡£
1£¬JSON»ù´¡ÖªÊ¶
 
JSON²å¼þÊÇStruts2µÄAjax²å¼þ£¬Í¨¹ýÀûÓÃJSON²å¼þ£¬ÔÊÐí¿ª·¢ÕßÒԷdz£Áé»î¼òµ¥µÄ·½Ê½À´¿ª·¢AjaxÓ¦Óá£
 
JSONµÄÈ«³ÆÊÇJavaSrcipt Object Notation,¼´JavaScript¶ÔÏó·ûºÅ,ËüÊÇÒ»ÖÖÇáÁ¿¼¶µÄÊý¾Ý½»»»¸ñʽ.JSONµÄÊý¾Ý¸ñʽ¼ÈÊʺÏÈËÀàµÄ¶Áд,Ò²ÊʺϼÆËã»úµÄ½âÎöºÍÉú³É.×îÔçµÄʱºò,JSONÊÇJavaScriptÓïÑÔµÄÊý¾Ý½»»»¸ñʽ,ºóÀ´·¢Õ¹³ÉÒ»ÖÖÓïÑÔÎ޹صÄÊý¾Ý½»»»¸ñʽ,ÕâµãÀàËÆÓÚXML.
 
JSONÌṩÁ˶àÖÖÓïÑÔÖ®¼äÍê³ÉÊý¾Ý½»»»µÄÄÜÁ¦,Òò´Ë,JSONÒ²ÊÇÒ»Öַdz£ÀíÏëµÄÊý¾Ý½»»»¸ñʽ,JSONÖ÷ÒªÓÐÈçÏÂÁ½ÖÖÊý¾Ý½á¹¹:
1,ÓÉkey-value¶Ô×é³ÉµÄÊý¾Ý½á¹¹,ÕâÖÖÊý¾Ý½á¹¹ÔÚ²»Í¬µÄÓïÑÔÖÐ,Óв»ÔðÂîµÄʵÏÖ.ÀýÈç:ÔÚJavaScriptÖÐÊÇÒ»¸ö¶ÔÏó,ÔÚJavaÖÐÒ»ÖÖMap½á¹¹,ÔÚCÓïÑÔÖÐ,ÔòÊÇÒ»¸östruct.
2,ÓÐÐò¼¯ºÏ.ÕâÖÖÊý¾Ý½á¹¹ÔÚ²»Í¬ÓïÑÔÖÐ,¿ÉÄÜÓÐlist,vector,Êý×é,ÐòÁеÈʵÏÖ.
 
ÉÏÃæµÄÁ½ÖÖÊý¾Ý½á¹¹,ÔÚ²»Í¬µÄÓïÑÔÖж¼ÓжÔÓ¦µÄʵÏÖ,Òò´Ë,ÕâÖÖ¼ò±ãµÄÊý¾Ý±íʾ·½Ê½ÍêÈ«¿ÉÒÔʵÏÖ¿çÓïÑÔ.Òò´Ë¿ÉÒÔ×÷Ϊ³ÌÐòÉè¼ÆÓïÑÔÖÐͨÓõÄÊý¾Ý½»»»¸ñʽ.
ÔÚJavaScriptÖÐÖ÷ÒªÓÐÁ½ÖÖJSONµÄÓï·¨:Ò»ÊÇÓÃÓÚ´´½¨¶ÔÏó;¶þÊÇÓÃÓÚ´´½¨Êý×é.
 
1£¬Ê¹ÓÃJSONÓï·¨´´½¨¶ÔÏó
 
JSONÓï·¨´´½¨¶ÔÏóÊÇÒ»ÖÖ¸ü¼òµ¥µÄ·½Ê½£¬Ê¹ÓÃJSONÓï·¨¿É±ÜÃâÊéдº¯Êý£¬Ò²¿É±ÜÃâʹÓÃnew¹Ø¼ü×Ö£¬¶øÊÇÖ±½Ó»ñȡһ¸öJavaScript¶ÔÏó¡£JavaScriptÖд´½¨¶ÔÏóµÄÓï·¨ÈçÏ£º
 
//¶¨ÒåÒ»¸öº¯Êý×÷Ϊ¹¹ÔìÆ÷
function Person(name, sex){
this.name=name;
this.sex=sex;
}
//´´½¨Ò»¸öPersonʵÀý
var p = new Person('annlee','male');
//Êä³öPersonʵÀý
alert(p.name);
 
ʹÓÃJSONµÄÓï·¨ÈçÏ£º
 
var p = {
"name":'annlee',"sex":'male'
};
alert(p);
 
ÕâÖÖÓï·¨¾ÍÊÇÒ»ÖÖJSONÓï·¨£¬ÏÔÈ»£¬Ê¹ÓÃJSONÓï·¨´´½¨¶ÔÏó¸ü¼Ó¼ò½Ý£¬·½±ã¡£ËüµÄvalue²»½ö½ö¿ÉÒÔÊÇÆÕͨµÄ×Ö·û´®£¬»¹¿ÉÒÔÊÇÈκλù±¾Êý¾ÝÀàÐÍ£¬º¯Êý£¬Êý×飬ÁíÒ»¸öJSON¶ÔÏóµÈµÈ¡£
 
2£¬Ê¹ÓÃJSONÓï·¨´´½¨Êý×é
 
JavaScript´´½¨Êý×éµÄÓï·¨ÈçÏ£º
 
//´´½¨Êý×é¶ÔÏó
var a = new Array();
//ΪÊý×éÔªËØ¸³Öµ
a[0]='annlee';
a[1]='male';
alert(a);
 
»òÕßÓÃÏÂÃæµÄ·½·¨£º
 
//´´½¨Êý×é¶ÔÏó
var a = new Array('annlee','male');
alert(a);
 
ʹÓÃJSONÓï·¨´´½¨Êý×éÓÃÈçÏ·½·¨£º
 
//´´½¨Êý×é¶ÔÏó
var a = ['an


Ïà¹ØÎĵµ£º

AJAX¿ò¼Ü

HTML source:
<p>
Name:
<input type="text" id="demoName"/>
<input value="Send" type="button" onclick="update()"/>
<br/>
Reply: <span id="demoReply"></span>
</p>
Javascript source:
var services = new dojox.rpc.Service({
target:"../dwr/j ......

VS2005ÖÐajax°²×°Ö¸ÄÏ

 
VS2005ÖÐajax°²×°Ö¸ÄÏ
ÒÔÏÂÊÇÊÕ¼¯¹ØÓÚAjaxControlToolkit°²×°µÄһƪÎÄÕ£¬¸Ðлԭ×÷Õß
AjaxControlToolkitÏÂÔØhttp://ajax.asp.net/downloads/default.aspx?tabid=47
http://www.codeplex.com/AtlasControlToolkit/Release/ProjectReleases.aspx?ReleaseId=1425
»·¾³ÉèÖÃÈçÏ£º
ÏÂÔØÍê
ASPAJAXExtSetup.msi ° ......

Ajax»ù´¡½Ì³Ì

 Ajax ÓÉ HTML¡¢JavaScript™ ¼¼Êõ¡¢DHTML ºÍ DOM ×é³É£¬ÕâÒ»½Ü³öµÄ·½·¨¿ÉÒÔ½«±¿×¾µÄ Web ½çÃæ×ª»¯³É½»»¥Ð﵀ Ajax Ó¦ÓóÌÐò¡£¶ÔÓÚAjax£¬×îºËÐĵÄÒ»¸ö¶ÔÏóÊÇXMLHttpRequest£¬ËùÓеÄAjax²Ù×÷¶¼Àë²»¿ª¶ÔÕâ¸ö¶ÔÏóµÄ²Ù×÷¡£
Ê×ÏÈÎÒÃÇÀ´Á˽âÔõôÔÚjavascriptÖд´½¨Õâ¸ö¶ÔÏó£º
var xmlHttp = new  ......

jqueryʵÏÖajax¿çÓò·ÃÎÊ

 ½ñÌìͬʸæËßÎÒµÄÒ»¸öÀý×Ó£¬ÔÝʱûÓÐʱ¼äÇ××ÔÊÔÑ飬Ïȼǵ½ÕâÀï¡£
jQuery(document).ready(function(){
                $.ajax({
                ......

AJAX ÎÞË¢ÐÂ

ICallbackEventHandler 
         
 aspx  Ò³Ãæ£º
function CallServer(PhotoId)
{
        document.getElementById("updatediv").style.display = "block";
        documen ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ