AJAX¼¼Êõ»ã×Ü
AJAX
AJAXÈ«³ÆΪ“Asynchronous JavaScript and XML”£¨Òì²½JavaScriptºÍXML£©£¬ÊÇÖ¸Ò»ÖÖ´´½¨½»»¥Ê½ÍøÒ³Ó¦ÓõÄÍøÒ³¿ª·¢¼¼Êõ¡£ËüÓлúµØ°üº¬ÁËÒÔϼ¸ÖÖ¼¼Êõ£º
Ajax£¨Asynchronous JavaScript + XML£©µÄ¶¨Òå
»ùÓÚweb±ê×¼£¨standards-based presentation£©XHTML+CSSµÄ±íʾ£»
ʹÓà DOM£¨Document Object Model£©½øÐж¯Ì¬ÏÔʾ¼°½»»¥£»
ʹÓà XML ºÍ XSLT ½øÐÐÊý¾Ý½»»»¼°Ïà¹Ø²Ù×÷£»
ʹÓà XMLHttpRequest ½øÐÐÒì²½Êý¾Ý²éѯ¡¢¼ìË÷£»
ʹÓà JavaScript ½«ËùÓеĶ«Î÷°ó¶¨ÔÚÒ»Æð¡£
ÀàËÆÓÚDHTML»òLAMP£¬AJAX²»ÊÇÖ¸Ò»ÖÖµ¥Ò»µÄ¼¼Êõ£¬¶øÊÇÓлúµØÀûÓÃÁËһϵÁÐÏà¹ØµÄ¼¼Êõ¡£ÊÂʵÉÏ£¬Ò»Ð©»ùÓÚAJAXµÄ“ÅÉÉú/ºÏ³É”ʽ£¨derivative/composite£©µÄ¼¼ÊõÕýÔÚ³öÏÖ£¬Èç“AFLAX”¡£
AJAXµÄÓ¦ÓÃʹÓÃÖ§³ÖÒÔÉϼ¼ÊõµÄwebä¯ÀÀÆ÷×÷ΪÔËÐÐƽ̨¡£ÕâЩä¯ÀÀÆ÷Ä¿Ç°°üÀ¨£ºMozilla¡¢Firefox¡¢Internet Explorer¡¢Opera¡¢Konqueror¼°Safari¡£µ«ÊÇOpera²»Ö§³ÖXSL¸ñʽ¶ÔÏó£¬Ò²²»Ö§³ÖXSLT¡£[1]
Ó봫ͳµÄwebÓ¦ÓñȽÏ
´«Í³µÄwebÓ¦ÓÃÔÊÐíÓû§Ìîд±íµ¥(form)£¬µ±Ìá½»±íµ¥Ê±¾ÍÏòweb·þÎñÆ÷·¢ËÍÒ»¸öÇëÇó¡£·þÎñÆ÷½ÓÊÕ²¢´¦Àí´«À´µÄ±íµ¥£¬È»ºó·µ»ØÒ»¸öеÄÍøÒ³¡£Õâ¸ö×ö·¨ÀË·ÑÁËÐí¶à´ø¿í£¬ÒòΪÔÚÇ°ºóÁ½¸öÒ³ÃæÖеĴ󲿷ÖHTML´úÂëÍùÍùÊÇÏàͬµÄ¡£ÓÉÓÚÿ´ÎÓ¦ÓõĽ»»¥¶¼ÐèÒªÏò·þÎñÆ÷·¢ËÍÇëÇó£¬Ó¦ÓõÄÏìӦʱ¼ä¾ÍÒÀÀµÓÚ·þÎñÆ÷µÄÏìӦʱ¼ä¡£Õâµ¼ÖÂÁËÓû§½çÃæµÄÏìÓ¦±È±¾µØÓ¦ÓÃÂýµÃ¶à¡£
Óë´Ë²»Í¬£¬AJAXÓ¦ÓÿÉÒÔ½öÏò·þÎñÆ÷·¢ËͲ¢È¡»Ø±ØÐèµÄÊý¾Ý£¬ËüʹÓÃSOAP»òÆäËüһЩ»ùÓÚXMLµÄweb service½Ó¿Ú£¬²¢ÔÚ¿Í»§¶Ë²ÉÓÃJavaScript´¦ÀíÀ´×Ô·þÎñÆ÷µÄÏìÓ¦¡£ÒòΪÔÚ·þÎñÆ÷ºÍä¯ÀÀÆ÷Ö®¼ä½»»»µÄÊý¾Ý´óÁ¿¼õÉÙ£¬½á¹ûÎÒÃǾÍÄÜ¿´µ½ÏìÓ¦¸ü¿ìµÄÓ¦Óá£Í¬Ê±ºÜ¶àµÄ´¦Àí¹¤×÷¿ÉÒÔÔÚ·¢³öÇëÇóµÄ¿Í»§¶Ë»úÆ÷ÉÏÍê³É£¬ËùÒÔWeb·þÎñÆ÷µÄ´¦Àíʱ¼äÒ²¼õÉÙÁË¡£
´«Í³webÓ¦ÓÃÓëAJAXÓ¦ÓõıȽϣº´¦ÀíÓû§½»»¥
´«Í³webÓ¦ÓÃÓëAJAXÓ¦ÓõıȽϣº½»»¥Ä£Ê½
΢ÈíµÄAjax
¡¡¡¡Î¢ÈíÄ¿Ç°Ä¿Ç°¶ÔÓÚͨ¹ýAjax·ç¸ñµÄ±à³ÌÔÚä¯ÀÀÆ÷ÖÐʵÏÖÈÕÒæÁ÷Ðеĸ»¿Í»§¶ËÓ¦ÓñȽϸÐÐËȤ¡£½ñºóµÄIEÖн«ÓµÓÐAjaxµÄËùÓж«Î÷——DHTML¡¢JScriptºÍXmlHttp¡£Êµ¼ÊÉÏOutlook Web Acces´Ó1998Ä꿪ʼ¾ÍÒѾÌṩÁËÕâÖÖΰ´óµÄä¯ÀÀÌåÑéÁË¡£ÔÚASP.NET 2.0ÖУ¬Î¢ÈíʹÓÃÒì²½»Øµ÷¼°ÊæÊʵÄAjax·ç¸ñµÄÓ¦ÓóÌÐòµÄ±àд¸ü¼Ó¼òµ¥£¬²¢ÇÒ£¬Î¢ÈíΪ´ËÌṩÁËÄÚ½¨µÄ¿Ø¼þ¡£
¡¡¡¡×î½ü£¬¼¸ºõËùÓеÄä¯ÀÀÆ÷¶¼ÌṩÁËAjaxËùÐèµÄ¼¼Êõ£¬Ê¹ÓÃÕâÖÖģʽµÄ¸»¿Í»§¶ËÓ¦ÓóÌÐòÒ²²»¶Ï³öÏÖ
Ïà¹ØÎĵµ£º
<%@ Control Language="C#" AutoEventWireup="true" CodeFile="WebUserControl.ascx.cs" Inherits="WebUserControl" %>
<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode=Conditional>
<ContentTemplate>
<%=DateTime.Now %>
</ContentTemplate>
</asp:UpdatePanel> ......
using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
/// <summary>
/// Summary description for Commen ......
ʵʱÊý¾ÝÑéÖ¤ÊÇAJAX¼¼ÊõµÄÒ»´óÓÅÊÆÖ®Ò»¡£Í¨¹ýÓ¦Óô˼¼Êõ£¬strutsÑéÖ¤¿ò¼Ü½«ÔöÇ¿struts MVC£¬²¢Ê¹WebÓ¦ÓóÌÐò¸ü½Ó½üÓÚ×ÀÃæÓ¦ÓóÌÐò¡£
´ËÑéÖ¤¿ò¼ÜÓÃÓÚÑéÖ¤×ֶΡ£ÓÐÐí¶àÔÚWebÓ¦ÓóÌÐòÉϽøÐÐÑéÖ¤µÄ·½·¨¡£ÕâЩ·½·¨¿É·ÖΪÁ½Àࣺ·þÎñÆ÷¶Ë·½·¨ºÍ¿Í»§¶Ë·½·¨¡£StrutsÑéÖ¤¿ò¼ÜÊÇÃæÏò»ùÓÚJavaµÄWebÓ¦Óû·¾³µÄ×î¼Ñ¿ò¼ÜÖ®Ò»¡£ËüÄܹ»ÅäÖÃÓ ......
//´´½¨XMLHttpRequest¶ÔÏó£¬ÐèÒª¸ù¾ÝIEºÍä¯ÀÀÆ÷ÀàÐÍ´´½¨²»Í¬µÄxhr¶ÔÏó
var xhrobj;
function check()
{
//»ñÈ¡Îı¾¿òµÄÖµ
var username = document.getElementById("username").value;
if(window.XMLHttpRequest)
{
//Õë¶Ôfirefox£¬Mozilla£¬ie7£¬ie8µÈ
xhrobj = new XMLHttpRequest();
/ ......
DWR(Direct Web Remoting)ÊÇÒ»¸öWEBÔ¶³Ìµ÷Óÿò¼Ü.ÀûÓÃÕâ¸ö¿ò¼Ü¿ÉÒÔÈÃAJAX¿ª·¢±äµÃºÜ¼òµ¥.ÀûÓÃDWR¿ÉÒÔÔÚ¿Í»§¶ËÀûÓÃJavaScriptÖ±½Óµ÷Ó÷þÎñ¶ËµÄJava·½·¨²¢·µ»ØÖµ¸øJavaScript¾ÍºÃÏñÖ±½Ó±¾µØ¿Í»§¶Ëµ÷ÓÃÒ»Ñù(DWR¸ù¾ÝJavaÀàÀ´¶¯Ì¬Éú³ÉJavaScrip´úÂë).ËüµÄ×îа汾DWR0.6Ìí¼ÓÐí¶àÌØÐÔÈç:Ö§³ÖDom TreesµÄ×Ô¶¯ÅäÖÃ,Ö§³ÖSpring(JavaS ......