AJAXµÄ°²È«ÐÔ
Web¿ª·¢Õß²»»á×¢Òâµ½ÓÉ “AJAX(Asynchronous JavaScript And XML)”Ëù´øÀ´µÄ¼¤Çé¡£²»·ÑÁ¦Æø¾ÍÄÜ´´½¨ÏñGoogle SuggestÄÇÑùµÄÖÇÄÜÍøÕ¾»òÕßÏñGmailÄÇÑù»ùÓÚWebµÄÓ¦ÓóÌÐò£¬ÕâÔںܴó³Ì¶ÈÉÏÒª¹é¹¦ÓÚÕâÖÖ¼¼Êõ¡£È»¶ø£¬°éËæ×ÅAJAXÓ¦ÓóÌÐòµÄ·¢Õ¹£¬ÎÒÃÇ·¢ÏÖÁËËüµÄһЩ²»×ãÖ®´¦£¬ÎÒÃÇ·¢ÏÖËüµÄ°²È«Â©¶´Ò²ÔÚÖð½¥±ä´ó£¬¾ÍÏñÂýÂýµØ°Ñ»ùÓÚAJAXµÄÕ¾µã·ÅÈëÁËÒ»¿Å¶¨Ê±Õ¨µ¯ÖС£
AJAXµÄºÃ´¦
ÔÚµ±Äê“WebÓ¦ÓóÌÐò”µÄÃÀºÃʱ´ú£¬ÊÂÇé·Ç³£¼òµ¥¡£ÄãÌîдÁËÒ»¸ö±íµ¥£¬µã»÷“Ìá½»”°´Å¥£¬È»ºóµ±Ç°ÆÁÄ»¾ÍÏûʧÁË£¬µÈ´ýһС»á¶ùºóÄã¾ÍתÈëµ½ÁËÏÂÒ»¸öÒ³Ãæ¡£½ñÌìµÄ×´¿öÒѾ²»ÊÇÕâÑùµÄÁË£¬Óû§ÐèÒªµÄÊÇÒ»ÖÖ¾ÍÏñÈκÎ×ÀÃæÓ¦ÓóÌÐòÄÇÑùÁ÷³©¡¢¿ì½ÝºÍÈËÐÔ»¯µÄWebÌåÑé¡£
AJAX¾³£ÊǺÍDHTML(Dynamic HTML)Ò»ÆðÐ×÷µÄ£¬ËüµÄ˳ÀûÖ´ÐÐÐèÒªÔÊÐíÍøÒ³ÖеÄJavaScript´úÂëºÍweb·þÎñÆ÷ÔÚºǫ́ÎÞ·ìͨѶ¡£±È·½Ëµ£¬µ±Ä㿪ʼÔÚGoogle SuggestµÄËÑË÷¿òÖÐÊäÈë¶«Î÷ʱ£¬webÒ³Ãæ¾ÍºÍ·þÎñÆ÷ÔÚºǫ́¿ªÊ¼½»»»Êý¾Ý£¬È»ºó»á¸ø³öһЩÄã¿ÉÄÜÐèÒªµÄ´ÊÌõµÈ¡£ËùÓеÄÕâÒ»Çж¼²»ÐèÒªÒ³ÃæË¢Ð»òÕß°´ÏÂÈκΰ´Å¥¡£Í¬ÑùÕâÒ²¾ÍÊÇÏñGmailÄÇÑùµÄÓ¦ÓóÌÐòÔõôÄܶÔʵʱƴд¼ì²é×öµÄÄÇôºÃµÄÔÒò¡£
AJAXÔõÑù¹¤×÷
AJAX¸´ÔÓµÄÔÀíÒѾ³¬³öÁ˽ñÌìËùÒª²ûÊöµÄ·¶Î§£¬ÕâÀïÖ»¼òµ¥ÃèÊöһϡ£ÄãµÄÒ³ÃæÉϵÄJavaScript´úÂëÄܹ»ÔÚ²»ÒÀÀµÓÚÓû§µÄÇé¿öϺÍÄãµÄWeb·þÎñÆ÷È¡µÃÁªÏµ¡£ÕâÀïÃæÆðºËÐÄ×÷ÓõľÍÊÇJavaScriptµÄXMLHttpRequest¶ÔÏó£¬Õâ¸ö¶ÔÏóÄܹ»±»¾ÍÏñÓû§Çû÷¼üÅÌ»òÕßʱÖÓʼþÔÚºǫ́»òÕßÒì²½´¥·¢(Ò²¾ÍÊÇÊõÓïÒì²½JavaScriptºÍXML)¡£
Èç¹ûÄãÔÚGoogle SuggestÖÐÊäÈë“ajax”ºó£¬¾Í»áµÃµ½ÏñÎÒÊäÈëºóµÃµ½µÄ·þÎñÆ÷ÇëÇóÒ»Ñù:
1. www.google.com/complete/search?hl=en&js=true&qu=aj
2. www.google.com/complete/search?hl=en&js=true&qu=aja
3. www.google.com/complete/search?hl=en&js=true&qu=ajax
ÔÚÕâ¸öÊõÓïÖеÄXML²¿·ÖÓÐÒ»µã»áÒýÆðÈËÃǵÄÎó½â£¬ÆäʵÕâÒ»²¿·ÖÊÇûÓÐÈκÎÒâÒåµÄ¡£ËüÊÇ´ÓJavaScript¶ÔÏóµÃÀ´µÄÃû×Ö£¬Í¬Ê±Ðí¶à AJAX·ç¸ñµÄÓ¦ÓóÌÐòʹÓÃÁËXML£¬Õâ¸ö¶ÔÏóÄܹ»¾ÍÈκÎÊÂÎñÏò·þÎñÆ÷·¢³öÒ»¸öÇëÇó¡£ÉõÖÁJavaScript´úÂë±¾ÉíÒ²Äܹ»±»È¡»ØºÍÆÀ¹À¡£¼ÌÐøÍê³ÉÎÒµÄÊäÈë“ajax example”£¬½«»á´ÓGoogleµÄ·þÎñÆ÷²úÉúÏÂÃæµÄ»ØÓ¦:
sendRPCDone(frameElement, “ajax example”, new Array(”ajax example”, “ajax examples”), new Ar
Ïà¹ØÎĵµ£º
µÚËÄÕ Ajax·þÎñÆ÷À©Õ¹ÆÊÎö
Ajax·þÎñÆ÷À©Õ¹£ºASP.NET Ajax¿ò¼ÜµÄ·þÎñÆ÷¶Ë¡£
4.1ASP.NET ¿ª·¢ÈËÔ±µÄAjax
Ϊ·þÎñÆ÷¶Ë¿ª·¢ÌṩAjaxÖ§³Ö¡£°üÀ¨Ò»×éеķþÎñÆ÷¿Ø¼þºÍ·þÎñ£¬ÓÃÀ´ÃþÄâ¿Í»§¶ËAjaxÐÐΪ¡£
4.2¸Ä½øÔÓÐASP.NETÍøÕ¾
(1)¸ÄÉÆÍøÂçÑÓ³Ù£º¾¡×î´ó¿ÉÄܼõÉÙä¯ÀÀÆ÷ºÍ·þÎñÆ÷Ö®¼ä´«µÝµÄÊý¾ÝÁ¿¡£
(2)Ïû³ýȫҳà ......
-------------------------jspÖеÄjs´úÂë--------------------
<script type="text/javascript">
function ajaxFunction(sort){
var xmlHttp;
try{
// Firefox, Opera 8.0+, Safari
xmlHttp=new X ......
var httpRequest = false;
var mesdivs = null
function sendRequest(url, mesdiv) {
mesdivs = mesdiv;
httpRequest = false;
if (window.XMLHttpRequest) {
httpRequest = new XMLHttpRequest();
......
var httpRequest = false;
var mesdivs = null
function sendRequest(url, mesdiv) {
mesdivs = mesdiv;
httpRequest = false;
if (window.XMLHttpRequest) {
httpRequest = new XMLHttpRequest();
......
<script type="text/javascript">
function addUrl(){
//1¡¢ÉèÖÃÇëÇóurlµØÖ·
var name = document.getElementById("name").value;
var text = document.getElementById("url").value;
var url = "insertUrl.do?name="+name+
"&url="+text+"&time"+new Date() ;
//2¡¢´´½¨xmlHttpRequest¶ÔÏó
x ......