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ËùÐèµÄ¼¼Êõ£¬Ê¹ÓÃÕâÖÖģʽµÄ¸»¿Í»§¶ËÓ¦ÓóÌÐòÒ²²»¶Ï³öÏÖ
Ïà¹ØÎĵµ£º
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 ......
ÏÖÔÚµÄÍøÒ³ÓÐÏ൱һ²¿·ÖÊDzÉÓÃÁËAJAX¼¼Êõ,²»¹ÜÊDzÉÓÃC#ÖеÄWebClient»¹ÊÇHttpRequest¶¼µÃ²»µ½ÕýÈ·µÄ½á¹û,ÒòΪÕâЩ½Å±¾ÊÇÔÚ·þÎñÆ÷·¢ËÍÍê±Ïºó²ÅÖ´ÐеÄ!
µ«ÎÒÃÇÓÃIEä¯ÀÀÒ³ÃæÊ±ÊÇÕý³£µÄ,ËùÒÔ½â¾ö·½·¨Ö»ÓÐ1¸ö¾ÍÊDzÉÓÃWebBrowser¿Ø¼þ
µ«ÊÇʹÓÃWebbrowserÄã»á·¢ÏÖ,ÔÚDownloadCompleteʼþÖÐ,Äã¸ù±¾ÎÞ·¨ÖªµÀÒ³ÃæºÎʱ²ÅËãÊÇÕæÕýµ ......
//´´½¨XMLHttpRequest¶ÔÏó£¬ÐèÒª¸ù¾ÝIEºÍä¯ÀÀÆ÷ÀàÐÍ´´½¨²»Í¬µÄxhr¶ÔÏó
var xhrobj;
function check()
{
//»ñÈ¡Îı¾¿òµÄÖµ
var username = document.getElementById("username").value;
if(window.XMLHttpRequest)
{
//Õë¶Ôfirefox£¬Mozilla£¬ie7£¬ie8µÈ
xhrobj = new XMLHttpRequest();
/ ......
Ò³ÃæÎļþÀàËÆ£º
<% using (Ajax.BeginForm("AjaxUpdate", 123, new AjaxOptions {
Confirm = "confirm str", LoadingElementId = "idLoading", UpdateTargetId
= "textEntered", OnSuccess = "validateForm" },new{id="idMyForm"}))
&nbs ......
³õѧJQUERY AJAXʹÓ㬲»ÖªµÀÔõôʵÏÖ£¬ÕÒÁ˰ëÌì×ÊÁ϶¼²î²»¶à£¬¿ÉÊǷŵ½ÎÒµÄÒ³ÃæÀï¾ÍÊDz»·µ»ØÖµ£¬ºóÀ´·¢ÏÖÒòΪûÍùºóÌ¨Ò³Ãæ´«ÖµµÄÔÒò£¬¼ÓÁË data: "name=John&location=Boston"¾ÍºÃÓÃÁË£¬ÕâÀïdata:""¿ÉΪÈÎÒâÖµ£¬ºǫ́²¢Ã»ÓнÓÊÕ¡£
ÏÂÃæÊÇÀý×Ó£¬ÊµÏÖµÄÊÇ»ñÈ¡·þÎñÆ÷ʱ¼ä²¢¸üÐÂ
ǰ̨´úÂ룺
function getServerTi ......