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

һƪºÜºÃµÄAJAXÈëÃŽ̳Ì

Ô­ÎĵØÖ·£ºhttp://hi.baidu.com/zhangqiuxi/blog/item/3d0206a84bbd72bbcb130cab.html
ÕâÆªÎÄÕÂ˵Ã÷ AJAX Ïà¹Ø¼¼ÊõµÄ»ù´¡£¬²¢ÌṩʵÀý¹©ÄúÉÏÊÖ¡£
µÚÒ»²½ – ˵Éù¡¸Ç롹 £¨ÓÖ³ÆÎª¡¸Ôõô·¢³ö XMLHttpRequest¡¹£©
Ϊ ÁËÓà JavaScript ¶Ô·þÎñÆ÷·¢ËÍ HTTP ÒªÇó£¬Äã±ØÐëÏÈÒÔÏà¹ØµÄÀà±ð£¨class£©ÖƳöʵÌ壨instance£©¡£Internet Explorer Ê×ÏÈÒÔ ActiveX ¶ÔÏó·½Ê½Ìṩ XMLHTTP Àà±ð£¬¶ø Mozilla¡¢Safari ¼°ÆäËüä¯ÀÀÆ÷ÔòËæºóÒÔ XMLHttpRequest Àà±ðÖ§³Ö´Ë ActiveX ¶ÔÏóÖеÄÀà±ð¼°ÊôÐÔ¡£
Òò´Ë£¬Èç¹ûÏë¿çä¯ÀÀÆ÷£¬ÄÇô¿ÉÒÔÕâôд£º
if (window.XMLHttpRequest) { // Mozilla, Safari, ...
http_request = new XMLHttpRequest();
} else if (window.ActiveXObject) { // IE
http_request = new ActiveXObject("Microsoft.XMLHTTP");
}
(ÓÉÓÚÕâ¶Î³ÌÐò½ö¹©ËµÃ÷£¬ËùÒÔÊDzÉ×î¼ò·½Ê½Ð´³ö¡£±¾ÎĵÚÈý²½ÖÐÓÐÁíÒ»ÖÖÎÒÃDZȽϳ£ÓõÄд·¨¡£)
ÓÐЩ°æ±¾µÄ Mozilla ä¯ÀÀÆ÷ÔÚ·þÎñÆ÷ËͻصÄÊý¾Ý맪 XML mime-type ÎļþÍ·£¨header£©Ê±»á³ö´í¡£ÎªÁ˱ÜÃâÕâ¸öÎÊÌ⣬Äã¿ÉÒÔÓÃÏÂÁз½·¨¸²Ð´·þÎñÆ÷´«»ØµÄµµÍ·£¬ÒÔÃâ´«»ØµÄ²»ÊÇ text/xml¡£
http_request = new XMLHttpRequest();
http_request.overrideMimeType('text/xml');
½ÓÏÂÀ´ÊÇÒª¾ö¶¨·þÎñÆ÷´«»Ø×ÊÁϺóµÄ´¦Àí·½Ê½£¬´ËʱÄãÖ»ÒªÒÔ onreadystatechange Õâ¸öÊôÐÔÖ¸Ã÷Òª´¦Àí´«»ØÖµµÄ JavaScript º¯Ê½Ãû³Æ¼´¿É£¬ÀýÈ磺
http_request.onreadystatechange = nameOfTheFunction;
×¢Ò⣬ָ¶¨µÄº¯Ê½Ãû³Æºó²»¼ÓÀ¨ºÅҲûÓвÎÊý¡£³ýÁËÖ¸¶¨º¯Ê½Ãû³ÆÍ⣬ÄãÒ²ÄÜÓà Javascript ʵʱ¶¨Ò庯ʽµÄ·½·¨À´¶¨Ò»¸öеĴ¦Àíº¯Ê½£¬ÈçÏ£º
http_request.onreadystatechange = function(){
// ×öЩÊÂ
};
¾ö¶¨´¦Àí·½Ê½Ö®ºóÄãµÃȷʵ·¢³ö request£¬´ËʱÐè½ÐÓà HTTP request Àà±ðµÄ open() ¼° send() ·½·¨£¬ÈçÏ£º
http_request.open('GET', 'http://www.example.org/some.file', true);
http_request.send(null);
* open() µÄµÚÒ»¸ö²ÎÊýÊÇ HTTP request µÄ·½·¨£¬Ò²¾ÍÊÇ´Ó GET¡¢POST¡¢HEAD ÖÐÔñһʹÓã¬Òà¿ÉÓÃÄãÖ÷»úÉÏÖ§³ÖµÄ·½Ê½¡£Îª×ñÑ­ HTTP ±ê×¼£¬Çë¼ÇµÃÕâЩ·½·¨¶¼ÊÇ´óд£¬²»È»ÓеÄä¯ÀÀÆ÷£¨Èç Firefox£©»òÐí²»»áÀíÄã¡£ÆäËü HTTP request ¿ÉÒÔÖ§³ÖµÄ·½·¨ÁбíÇë²Î¿¼ W3C ¹æ¸ñÊé (http://www.w3.org/Protocols/rfc2616/rfc2616-sec9.html)¡£
* µÚ¶þ¸ö²ÎÊýÊÇÄ¿±ê URL¡£»ùÓÚ°²È«¿¼ÂÇ£¬Äã²»ÄܽÐÓÃÍ¬ÍøÓòÒÔÍâµÄÍøÒ³¡£Èç¹ûÍøÓò²»Í¬£¬Ôò½ÐÓà open()


Ïà¹ØÎĵµ£º

Ajax ÔÚÓû§¿Ø¼þÖеÄÓ¦Óã¨ÒÔGoogle SuggestΪÀý£©

ʼþ´¥·¢£º
 <input name="keyword" onkeyup="LoadResults(this.value)" id="keyword" runat="server"/>
¿Í»§¶ËÖ÷Ì壺
//¶¨ÒåÓû§¿Ø¼þIDÈ«¾Ö±äÁ¿
var ClientID;
function ShowDiv(divid)
{
//...
}
function HideDiv(divid)
{
//...
}
//Ò³Ãæ¼ÓÔØÊ±µÄ´¦Àí
function BodyLoad()
{
HideD ......

ÔÚAJAXÄÚʹÓÃFCKÈ¡²»µ½ÖµµÄ½â¾ö·½°¸

 ¼ì²éǰ̨FCK×Ô¶¯Éú³ÉµÄJSº¯Êý.Ò»°ãΪWebForm_OnSubmit()
ÔÚºǫ́Ìá½»°´Å¥Àï¼ÓÈë¸Ãº¯Êý.ÁíÆä¸üÐÂFCKÊý¾Ý,´úÂëÈçÏÂ.
ScriptManager.RegisterClientScriptBlock(this, this.GetType(), "getFckValue", "WebForm_OnSubmit();", true); ......

SyntaxHighlighterÓëajaxÁªºÏʹÓÃÓöµ½µÄÎÊÌâ

SyntaxHighlighterÊÇÒ»¸ö´úÂë¸ßÁÁ²å¼þ£¬cnblogsµÄÆÀÂÛÒ²Óõ½ÁËSyntaxHighlighter¡£SyntaxHighlighterµÄÏêϸ½éÉÜ£¬Ô°×ÓÖÐÓкܶࡣÕâÀï¾Í²»½éÉÜÁË¡£
ʹÓÃJQµÄAjax
˵ÏÂÎÒÓöµ½µÄÎÊÌ⣬ÏÂÃæÊDzâÊÔÒ³Ãæ£º
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></ ......

AJAXѧϰ±Ê¼ÇÒ»

ǰ¶Îʱ¼ä×öÏîÄ¿Óõ½GWT£¬´Ó¶ø½Ó´¥µ½AJAXÕâ¸öÃû´Ê£¬ÏÖÔڻعˣ¬¾õµÃÓбØÒª¼Ç¼ÏÂÀ´Ñ§Ï°µÄÄÚÈÝ¡£
AJAXÊÇÒ»ÃÅ×ۺϼ¼Êõ£¬×îÔç³öÏÖÔÚ1998Ä꣬´óÁ¿±»Ê¹ÓÃÊÇ´Ó2005Ä꿪ʼ¡£×î´óµÄÓŵãÊÇ£¬²»¸üÐÂÕû¸öÒ³ÃæµÄǰÌáÏÂά»¤Êý¾Ý£¬Ó¦ÓÿÉÒÔ½öÏò·þÎñÆ÷·¢ËͲ¢È¡»Ø±ØÐèµÄÊý¾ÝʹµÃǰ¶ËºÍ·þÎñÆ÷µÄ½»»¥Ê±¼ä¶Ì¡£×î´óȱµãÊÇ£¬²»Äܱ£´æÀúʷ״̬£¬¼´² ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ