ajax»ù´¡¶ÁÊé±Ê¼Ç µÚÒ»ÕÂ
1¡¢XMLHttpRequest¶ÔÏóµÄ´´½¨
ÓÉÓÚ ²»ÊÇw3c±ê×¼£¬ËùÒÔʹÓÃJavascript´´½¨Ö®µÄ·½·¨Ò²²»Í¬£¡Internet explorer °ÑXMLHttpRequestʵÀý»¯Îª ActiveX¿Ø¼þ£¬È»¶ø ÆäËûµÄä¯ÀÀÆ÷£¨FireFox£¬opera£©°ÑXMLHttpRequestʵÀý»¯Îª±¾µØµÄJavaScriptÒ»¸ö¶ÔÏó
ËùÒÔ Ö»ÒªÈ·¶¨ÊÇ·ñ Ö§³Ö ActiveX¿Ø¼þ¶ÔÏ󣡣¡Èç¹ûÖ§³ÖÔò´´½¨ActiveX¿Ø¼þ£¡ Èç¹û²»Ö§³Ö£¬Ôò´´½¨ ±¾µØµÄJavascript¶ÔÏó
ÏÂÃæÒ»¸ö´úÂ룺
var xmlHttp£»
function createXMLHttpRequest£¨£©
{
if(window.ActiveXObject) //ÔòʹÓõÄÊÇInternet explorer ä¯ÀÀÆ÷
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
else if (window.XMLHttpRequest)
xmlHttp=new XMLHttpRequest();
}
2 XMLHttpRequest ¶ÔÏóµÄ·½·¨
Ò»£ºopen(String method ,String URL,boolean )
method ÊDZíʾ Ìá½»Êý¾ÝµÄ·½·¨£ºget post put
URLÊÇÌá½»µÄÍøÖ·
ÏÂÃæµÄBoolean ÊÇ·ñÉèÖÃΪÒì²½£¬Ò»°ã ÉèÖÃΪtrue ÒòΪÕâÕýÊÇ AjaxµÄÌØ³¤
Èç¹ûÕâ¸ö²ÎÊýÉèÖÃΪfalse ÄÇ´¦ÀíµÄÇëÇó»áÒ»Ö±µÈ´ý£¬ÖªµÀÔ¶³ÌµÄ·þÎñÆ÷·µ»ØÏìÓ¦£¡£¡
¶þ; send (content)
Ïò·þÎñÆ÷·¢ËÍÇëÇó¡£Èç¹û±»ÉùÃ÷Ϊ Òì²½µÄ ¡£ÄÇËû»áÁ¢¼´·µ»Ø£¡·ñÔòÖªµÀ ·þÎñÆ÷ ·µ»ØÏìÓ¦
²ÎÊý¿ÉѡΪ DOMµÄʵÀý¶ÔÏó ×Ö·û´® Á÷
Èý£º
setRequestHeader£¨String Header£¬String Value£©
ÉèÖÃhttpÇëÇó
ËÄ;
abort()ÖÕÖ¹ÇëÇó
Îå:
getAllResponseHeaders()
·µ»ØËùÓÐÏìÓ¦µÄÊײ¿
getAllResponseHeader(String name)
ÁíÍ⻹ÓÐЩÊôÐÔ
onreadystatechange
ÿ¸ö״̬¸Ä±äʱ¶¼»á´¥·¢Õâ¸öʼþ´¦ÀíÆ÷£¬Í¨³£»áµ÷ÓÃÒ»¸öJavaScriptº¯Êý£¨¿ÉÒÔ×Ô¶¨Ò壩
readyState
ÇëÇóµÄ״̬¡£ÓÐ5¸ö¿Éȡֵ£º0 = δ³õʼ»¯£¬1 = ÕýÔÚ¼ÓÔØ£¬2 = ÒѼÓÔØ£¬3 = ½»»¥ÖУ¬4 = Íê³É
responseText
·þÎñÆ÷µÄÏìÓ¦£¬±íʾΪһ¸ö´®
responseXML
·þÎñÆ÷µÄÏìÓ¦£¬±íʾΪXML¡£Õâ¸ö¶ÔÏó¿ÉÒÔ½âÎöΪһ¸öDOM¶ÔÏó
status
·þÎñÆ÷µÄHTTP״̬Â루200¶ÔÓ¦OK£¬404
Ïà¹ØÎĵµ£º
ASP.NET,AJAXÎļþÉÏ´«µÄÒÉÎÊ
Ô±¾ÒÔΪÓÃÕâÖÖ·½Ê½£¬°Ñ´Ë·½·¨·Åµ½Ò»¸öHttphandlerÖУ¬È»ºó´ÓJAVASCRIPT·ÃÎÊHttphandlerÀ´ÊµÏÖÎÞˢеÄÎļþÉÏ´«¡£Ã»Ïëµ½£¬ÕâÑùͬÑùÊDz»Ðеģ¬Ö»ÄÜÔÚ±¾»ú²âÊÔͨ¹ý£¬Èç¹û·Åµ½ÍøÉÏ£¬»òÕß´ÓÆäËûµØ·½·ÃÎʾͻáÌáʾÎÞ·¨ÕÒµ½Îļþ£¬¿É¼ûÔÚASP.NETÖÐËüÖ»ÄÜÓÃÓÚÉÏ´«·þÎñÆ÷¶ËµÄÎļþ¡£
֮ǰÔÚÍøÕ¾Ò²Ë ......
AJAXµÄ·ÖÒ³£¬ÊµÏÖ˼·ÊÇ£º
¡¡¡¡1.ÀûÓÃ$.fn.extendÔÚJQuery¿ò¼ÜÏÂÀ©Õ¹pagerÀà
¡¡¡¡2.½«»ñÈ¡¼Ç¼×ÜÊýÓëÏàÓ¦Ò³¼Ç¼µÄºǫ́·½·¨£¬Ð´Ôڼ̳Ð×ÔIHttpHandlerÀàµÄHandler.ashx.csÀ࣬µ±È»Êµ¼ÊÉÏÓÃaspx.csÎļþдºǫ́·½·¨Ò²Ã»ÎÊÌ⣬µ«ÓÉÓÚ.ashx.csÎļþÎÞÐè´¦ÀíÒ³ÃæÖî¶àʼþÒò¶øÐ§Âʸü¸ß¡£
¡¡¡¡3.ÔÚ³ÊÏÖÒ³ÃæÉϼÓÔØpagerÀà
¡¡ ......
$.ajax({
type: "post",
url: loginUrl,
data: "username=" +uname + "&password=" +pwd,
async: ......
Ajax½éÉÜ
AJAX - ä¯ÀÀÆ÷Ö§³Ö
AJAX µÄÒªµãÊÇ XMLHttpRequest ¶ÔÏó¡£²»Í¬µÄä¯ÀÀÆ÷´´½¨ XMLHttpRequest ¶ÔÏóµÄ·½·¨ÊÇÓвîÒìµÄ¡£IE ä¯ÀÀÆ÷ʹÓà ActiveXObject£¬¶øÆäËûµÄä¯ÀÀÆ÷ʹÓÃÃûΪ XMLHttpRequest µÄ JavaScript ÄÚ½¨¶ÔÏó¡£ÈçÐèÕë¶Ô²»Í¬µÄä¯ÀÀÆ÷À´´´½¨´Ë¶ÔÏó£¬ÎÒÃÇҪʹÓÃÒ»Ìõ "try and catch" Óï¾ä¡£
<script type="t ......