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

Ajax ×ܽá

Ajax µÄ¸ÅÄ
AjaxÌá³öÕßJesse James GarrettÔÚ¡¶Ajax:Ò»¸öWebÓ¦ÓõÄÐÂ;¾¶¡·ÖÐÌáµ½AjaxΪ“Asynchronous JavaScript + XML”µÄ¼ò³Æ£¬Ò²¾ÍÊÇÒì²½µÄJavaScriptºÍXML´¦Àí¡£
ÆäÖаüº¬£º
ÓÃXHTMLºÍCSS½øÐлùÓÚ±ê×¼µÄ±íʾ·½Ê½£º 
¡¡¡¡²ÉÓÃDOM(document object model)¶¯Ì¬ÏÔʾºÍ½»»¥²Ù×÷; 
¡¡¡¡²ÉÓÃXMLºÍXSLT½øÐÐÊý¾Ý½»»»ºÍ²Ù×÷; 
¡¡¡¡²ÉÓÃXMLHttpRequest½øÐÐÒì²½Êý¾Ý»ñÈ¡; 
¡¡¡¡²ÉÓÃJavaScript°ó¶¨ÉÏÊö¼¼ÊõÓ¦ÓÃ; 
XMLHttpRequest ¶ÔÏó£º
    XMLHttpRequestÊÇÒ»¸öJavaScript¶ÔÏó
<script language="javascript" type="text/javascript">
var xmlHttp = new XMLHttpRequest();
</script>
Ajax ·½·¨£º£¨xmlhttprequest£©(1)Ajax Ô­Àí ͨ¹ýº¯Êý(2) ajax ¿ò¼Ü Ajax magicajax(3) Atlas£¨4£©Ajax.netAjax Óŵ㣺£¨1£©       ÎÞˢУ¨2£©       °´ÐèÈ¡Êý¾Ý£¨3£©       ¼õÇá·þÎñÆ÷¶Ë´úÂëȱµã£º1 ´úÂë±È½ÏÂÒ
Ajax µÄ¹¤×÷Ô­Àí£ºAjaxÖ÷ÒªÊÇͨ¹ýJavaScript¶ÔÏóÖеÄXmlHttpRequestÏò·þÎñÆ÷Ìá³öÇëÇ󣬲¢¸ù¾Ý´¦ÀíµÄ½á¹û¸üÐÂÒ³Ãæ¡£ÕâÑùµÄ¸üв»»áʹÕû¸öÒ³ÃæÈ«²¿¸üУ¬¶øÊǸù¾ÝÓû§µÄÐèÒª¶Ôij¸öÇøÓò½øÐоֲ¿¸üУ¬¶øÇÒÔÚ¸üеÄͬʱ²»Ó°ÏìÆäËüÇøÓòµÄä¯ÀÀ¡£ÀýÈ磺ËѺü¸öÈ˲©¿ÍÖÐÿ¸öÀ¸Ä¿ºóÃæµÄˢа´Å¥AjaxÓ봫ͳWebÓ¦ÓÃÓÐʲô²»Í¬?
AjaxÓ봫ͳWebÓ¦ÓÃ×î´óµÄ²»Í¬¾ÍÊÇAjax¿ÉÒÔ¶ÔÒ³ÃæÄ³Ò»¸öÇøÓò½øÐоֲ¿¼ÓÔØ£¬¶ø²»ÊÇÏñ´«Í³WebÖÐÿ´ÎÒ³ÃæÇëÇóºóµÄ¶¼±ØÐëÖØÐ¼ÓÔØÕû¸öÒ³Ãæ£¬ÌرðÔÚÒ³Ãæ¸ºÔرȽϴóµÄÇé¿öÏ£¬Ò³Ãæ¼ÓÔØÊ±¼ä¾Í±È½Ï³¤£¬Óû§¶àÊýʱ¼ä¾Í´¦Ôڵȴý״̬£¬¶ø³ÊÏÖ¸øÓû§µÄ½ö½öÊÇһƬ¿Õ°×£¬¶øÔÚAjaxµÄÓ¦ÓÃÖоͿÉÒԺܺõıÜÃâÕâÀàÊÂÇéµÄ·¢Éú¡£ Ajax Ó¦ÓóÌÐòËùÓõ½µÄ»ù±¾¼¼Êõ£ºHTML ÓÃÓÚ½¨Á¢ Web ±íµ¥²¢È·¶¨Ó¦ÓóÌÐòÆäËû²¿·ÖʹÓõÄ×ֶΡ£ JavaScript ´úÂëÊÇÔËÐÐ Ajax Ó¦ÓóÌÐòµÄºËÐÄ´úÂ룬°ïÖú¸Ä½øÓë·þÎñÆ÷Ó¦ÓóÌÐòµÄͨÐÅ¡£ DHTML »ò Dynamic HTML£¬ÓÃÓÚ¶¯Ì¬¸üÐÂ±íµ¥¡£ÎÒÃǽ«Ê¹Óà div¡¢span ºÍÆäËû¶¯Ì¬ HTML ÔªËØÀ´±ê¼Ç HTML¡£ Îĵµ¶ÔÏóÄ£ÐÍ DOM ÓÃÓÚ£¨Í¨¹ý JavaScript ´úÂ룩´¦Àí HTML ½á¹¹ºÍ£¨Ä³Ð©Çé¿öÏ£©·þÎñÆ÷·µ»ØµÄ XML¡£


Ïà¹ØÎĵµ£º

AJAX ÑéÖ¤Óû§

1´´½¨Á½ÕÅÒ³Ãæ Reg.aspx¡¢CallServer.aspx¡£
ÔÚReg.aspxÒ³ÃæµÄhtmlÖзŠһ¸ö²ãºÍÒ»¸öÎı¾¿ò
<div id="aa">
<asp:TextBox id="txtuser" runat="server" Width="136px"></asp:TextBox>
</div>
<span id="errInfo">ÇëÊäÈëÓû§Ãû</span>
ÔÚReg.aspxÒ³ÃæÖÐдjavascript
¶¨Òå¶þ¸ö±äÁ¿ ......

µÚÒ»¸öAjax ʵÀý

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>¼òµ¥µÄÓ¦ÓÃXMLHt ......

ajax¿çÓò·½·¨

     ×òÌì¿´ÁËÆª²»ÊǺÜÑϽ÷µÄ²©ÎÄ¡¶Ò»¸öËãÃüС͵³ÌÐòµÄµ®Éú¡·£¬ÀïÃæÐ´ÁËÒ»¸öͨ¹ýAJAX͵ÇÔ±ðÈËÍøÕ¾Ëã·¨µÄ·½·¨¡£Êµ¼ùÁËһϸù±¾²»ÐУ¬AJAXËÆºõ²»ÄÜ¿çÓò¡£
     ºóÀ´ÎÒÏëÁËһЩ½â¾ö·½·¨£¬ÖÕÓÚ¿çÓò³É¹¦¡£ÏÖÔÚ¹«²¼Ò»Ï·½·¨¡£
     ÈÎÎñ£ºÔÚ×Ô¼ºÍøÕ¾×ö¸ö±íµ¥£¬Ïò¡ ......

AjaxÎÞ·¨³¹µ×ɾ³ýSessionµÄÊôÐÔ

     ×î½üÔÚÓÃAjax×öµÇ¼´°¿Ú£¬µ«ÊÇlogoutµÄʱºòÐèÒª¶Ôsession½øÐд¦Àí¡£ÓõÄÊÇsession.removeAttribute()º¯Êý½øÐÐlogout¡£µ«ÊÇ£¬ÊÂʵ֤Ã÷£¬ÔÚlogoutÒÔºó£¬ÔٴεǼµÄʱºò£¬²¢²»Äܵǽ³É¹¦£¬Ñ¹¸ù²»»á½øÈëactionÖ´ÐÐÏàÓ¦µÄ·½·¨£¨hqlÓï¾äҲûÓÐÖ´ÐУ©¡£
     Ϊ´Ë£¬¾Ý˵ÓÐÁ½ÖÖ·½·¨½ ......

AjaxÀúÏÕ¼Ç 1

½ñÌì³­Á˶ÎÊéÉÏС´úÂ룬´úÂëÈçÏÂ
<html>
<head>
<script type="text/javascript" src="zxml.src.js"></script>
<script type="text/javascript">
function start() {
var oXmlHttp = zXmlHttp.createRequest();
oXmlHttp.open("get", "info11.txt", true);
oXmlHttp.onreadystatecha ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ