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¡£
Ïà¹ØÎĵµ£º
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
¶¨Òå¶þ¸ö±äÁ¿ ......
<!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×öµÇ¼´°¿Ú£¬µ«ÊÇlogoutµÄʱºòÐèÒª¶Ôsession½øÐд¦Àí¡£ÓõÄÊÇsession.removeAttribute()º¯Êý½øÐÐlogout¡£µ«ÊÇ£¬ÊÂʵ֤Ã÷£¬ÔÚlogoutÒÔºó£¬ÔٴεǼµÄʱºò£¬²¢²»Äܵǽ³É¹¦£¬Ñ¹¸ù²»»á½øÈëactionÖ´ÐÐÏàÓ¦µÄ·½·¨£¨hqlÓï¾äҲûÓÐÖ´ÐУ©¡£
Ϊ´Ë£¬¾Ý˵ÓÐÁ½ÖÖ·½·¨½ ......
½ñÌì³Á˶ÎÊéÉÏС´úÂ룬´úÂëÈçÏÂ
<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 ......