Ajax»ù´¡
1£ºAjax¿ÉÒÔͨ¹ýJavaScriptµÄXMLHttpRequest¶ÔÏóÓë·þÎñÆ÷½øÐÐͨÐÅ£¬Í¨¹ýXMLHttpRequest£¬JavaScript¿ÉÒÔÔÚ²»ÖØÔØÒ³ÃæµÄÇé¿öÏÂÓë·þÎñÆ÷½øÐÐͨÐÅ¡£
2£ºXMLHttpRequest ä¯ÀÀÆ÷Ö§³Ö
<script type="text/javascript">
function ajaxFunction()
{
var xmlHttp;
try
{
xmlHttp=new XMLHttpRequest();
//³¢ÊÔFirefoxä¯ÀÀÆ÷
}
catch (e)
{
try
{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
//³¢ÊÔIE6.0
}
catch (e)
{
try
{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
//³¢ÊÔIE5.5
}
catch (e)
{
alert("ÄúµÄä¯ÀÀÆ÷²»Ö§³ÖAJAX£¡");
return false;
}
}
}
}
</script>
3: onreadystatechange ÊôÐÔ Ö¸¶¨·þÎñÆ÷´¦ÀíÍêÇëÇóºóÐèÒªµ÷ÓõĻص÷º¯Êý
4£ºreadyState´æ·Å·þÎñÆ÷ÏàÓ¦µÄ״̬£¬4´ú±íÇëÇóÒѾÍê³É
xmlHttp.onreadystatechange=function()
{
if(xmlHttp.readyState==4)
{
}
}
5£ºresponseText ÊôÐÔ ´æ·Å·þÎñÆ÷·µ»ØµÄÊý¾Ý
6£ºÏò·þÎñÆ÷·¢ËÍÒ»¸öÇëÇó
open() ·½·¨ÐèÒªÈý¸ö²ÎÊý¡£µÚÒ»¸ö²ÎÊý¶¨Òå·¢ËÍÇëÇóËùʹÓõķ½·¨£¨GET »¹ÊÇ POST£©¡£µÚ¶þ¸ö²ÎÊý¹æ¶¨·þÎñÆ÷¶Ë½Å±¾µÄ URL¡£µÚÈý¸ö²ÎÊý¹æ¶¨Ó¦µ±¶ÔÇëÇó½øÐÐÒì²½µØ´¦Àí¡£
send() ·½·¨¿É½«ÇëÇóËÍÍù·þÎñÆ÷¡£
Ïà¹ØÎĵµ£º
×¢Òâ:
1¡¢<div id="iframe">ÏÔʾˢеÄÄÚÈÝ</div>
2¡¢µ÷ÓÃÒ첽ˢÐÂ:javascript:OnLink('µØÖ·')
<!--ajaxÒ첽ˢÐÂ-->
<script type="text/javascript">
//´´½¨XMLHttpRequestc¶ÔÏó
var xmlHttp=false;
//ÅжÏä¯ÀÀÆ÷
function createXMLHtt ......
Ajax(Asynchronous JavaScript and XML)˵µ½µ×¾ÍÊÇÒ»ÖÖä¯ÀÀÆ÷Òì²½¶ÁÈ¡·þÎñÆ÷ÉÏXMLÄÚÈݵļ¼Êõ¡£ÏÖÔڵļ¼Êõ·²ÊǸúXML³¶ÉϹØÏµ£¬ÔÙ¼ÓÉϸö¸ÅÄî×ö»Ï×Ó£¬¾ÍÏñ½ð×°ÁËÒ»Ñù£¬×§µÃ²»ÐС£ÃÅÍâ µÄÈË¿´µÃºÜÊÇÈÈÄÖ£¬ÃÅÀïµÄÈËÒ¡Ò¡Í·²»ÍâÈçÊÇ¡£XMLÄØ£¬¿çƽ̨µÄг±ÓïÑÔ£¿ÆäʵXML£½TXT¡£
XMLÖ»ÊÇ·ûºÏºÜ¶à¹æ·¶µÄÎı¾¡£Ëü±¾Éíʲô¶¼²»ÊÇ£¬Ö ......
Ò».AjaxProµÄʹÓÃ
1.ÔÚÏîÄ¿ÖÐÌí¼ÓÒýÓã¬ä¯ÀÀÕÒµ½AjaxPro.2.dllÎļþ
2.ÔÚWeb.configÖеÄsystem.webÀïÃæÐ´ÈëÒÔÏ´úÂë
</configuration>
<system.web>
<httpHandlers>
<add verb="*" path="*.ashx" type="AjaxPro.AjaxHandlerFactory,AjaxPro.2"/>
</httpHandlers>
</system.web> ......
²ÎÊýÃû
ÀàÐÍ
ÃèÊö
url
String
(ĬÈÏ: µ±Ç°Ò³µØÖ·) ·¢ËÍÇëÇóµÄµØÖ·¡£
type
String
(ĬÈÏ: "GET") ÇëÇó·½Ê½ ("POST" »ò "GET")£¬ ĬÈÏΪ "GET"¡£×¢Ò⣺ÆäËü HTTP ÇëÇó·½·¨£¬Èç PUT ºÍ Delete Ò²¿ÉÒÔʹÓ㬵«½ö²¿·Öä¯ÀÀÆ÷Ö§³Ö¡£
timeout
N ......