Ajaxѧϰ±Ê¼Ç£¨Ò»£©
¶ÔÓëÈÎÒâÒ»ÃÅÓïÑÔµÄѧϰ£¬ÎÒÃÇ´ó¶¼ÊÇ´Ó»ù´¡¿ªÊ¼£¬¶ø¶ÔÓÚAjaxµÄѧϰÎÒÃÇ´ó¿É²»±Ø£¬ÒòΪËü±¾Éí¾Í²»ÊÇÒ»ÃÅеÄÓïÑÔ£¬Ajax=Asynchronous javascript and xml¡£·ôdzµÄ˵£¬Ëü¾ÍÊÇ»ù±¾ÓïÑÔ»ìºÏÓ¦ÓõĽá¹û£¬ÕýÓÉÓÚÕâÖÖ»ìºÏ²»ÊÇËæÐÄËùÓû£¬ÈÎÒâ¹´¶ÒµÄ£¬²Å ÓÐÁ˳Éϵͳ£¬³É¹æ·¶µÄAjax¡£
Ϊ´Ë£¬ÎÒÃÇÒ»¿ªÊ¼¾Í´ÓÒ»¸ö¼òµ¥µÄAjaxÓ¦ÓÿªÊ¼£¬Á˽â¸÷ÖÖ¼¼ÊõµÄ×÷Óã¬ÒÔ¼°ËüÃÇÖ®¼äÇÉÃîµÄÏνÓ×÷Óãº
Ajax´ø¸øÎÒÃǵģº
ͨ¹ý Ajax£¬ÄúµÄ JavaScript ¿ÉʹÓà JavaScript µÄ XMLHttpRequest ¶ÔÏóÀ´Ö±½ÓÓë·þÎñÆ÷½øÐÐͨÐÅ¡£Í¨¹ýÕâ¸ö¶ÔÏó£¬ÄúµÄ javascript ¿ÉÔÚ²»ÖØÔØÒ³ÃæµÄÇé¿öÓë Web ·þÎñÆ÷½»»»Êý¾Ý
AjaxÔÚä¯ÀÀÆ÷Óë Web ·þÎñÆ÷Ö®¼äʹÓÃÒì²½Êý¾Ý´«Ê䣨HTTP ÇëÇ󣩣¬ÕâÑù¾Í¿ÉÊ¹ÍøÒ³´Ó·þÎñÆ÷ÇëÇóÉÙÁ¿µÄÐÅÏ¢£¬¶ø²»ÊÇÕû¸öÒ³Ãæ¡£
Ajax¿ÉʹÒòÌØÍøÓ¦ÓóÌÐò¸üС¡¢¸ü¿ì£¬¸üÓѺá£
AjaxÊÇÒ»ÖÖ¶ÀÁ¢ÓÚ Web ·þÎñÆ÷Èí¼þµÄä¯ÀÀÆ÷¼¼Êõ¡£
Á˽âAjaxµÄºËÐĶÔÏóXMLHttpRequest:
ÎÒÃÇÓбØÒªÁ˽âÒ»ÏÂXMLHttpRequest¶ÔÏóµÄÈý¸öÖØÒªÊôÐÔ¡£
1.onreadystatechangeÊôÐÔ
onreadystatechangeÊôÐÔ´æÓд¦Àí·þÎñÆ÷ÏìÓ¦µÄº¯Êý
e.g:xmlHttp.onreadystatechange=function(){ дÉÏÎÒÃÇÐèÒªËü×öµÄÊ }
2.readyStateÊôÐÔ
readyStateÊôÐÔ´æÓзþÎñÆ÷ÏìÓ¦µÄ״̬ÐÅÏ¢¡£Ã¿µ±readyState¸Ä±äʱ£¬onreadystatechangeº¯Êý¾Í»á±»Ö´ÐС£
״̬0£ºÇëÇóδ³õʼ»¯£¨ÔÚµ÷ÓÃopen()֮ǰ£©
1£ºÇëÇóÒÑÌá³ö£¨µ÷ÓÃsend()֮ǰ£©
2£ºÇëÇóÒÑ·¢ËÍ£¨¿ÉÒÔ´ÓÏìÓ¦µÃµ½ÄÚÈÝÍ·²¿£©
3£ºÇëÇó´¦ÀíÖУ¨ÏìÓ¦ÖÐͨ³£Óв¿·ÖÊý¾Ý¿ÉÓ㬵«·þÎñÆ÷»¹Ã»ÓÐÍê³ÉÏìÓ¦£©
4£ºÇëÇóÒÑÍê³É£¨¿ÉÒÔ·ÃÎÊ·þÎñÆ÷²¢Ê¹ÓÃËü£©
3.responseTextÊôÐÔ
¿ÉÒÔͨ¹ýresponseTextÊôÐÔÀ´È¡»ØÓÉ·þÎñÆ÷·µ»ØµÄÊý¾Ýe.g:xmlHttp.responseText
Ajax¼òµ¥Ê¾Àý£º
test.htmlÎļþÈçÏ£º
<html>
<head>
<script type="text/javascript">
//²»Í¬µÄä¯ÀÀÆ÷´´½¨XMLHttpRequest¶ÔÏóµÄ·½·¨
func
Ïà¹ØÎĵµ£º
jqueryÖÐÓÃajax(Ã²ËÆ±àÂëĬÈÏΪutf-8)Èç¹ûÓÐÖÐÎĵϰ »á³öÏÖÂÒÂë ÏÂÃæµÄ½â¾ö°ì·¨Ö®Ò»£º
ÒÔÏÂÊÇjsÖеĴúÂë
classname=encodeURI($('#classname').val());
classdescription=encodeURI($('#classdescription').val());
actionArr={classname:classname,classdescription:classdescription};
$.post("product_class ......
ÆÊÎö AJAX »Ø·¢
ÈôҪʹ ASP.NET Ò³Ãæ³ÉΪ²¿·Ö³ÊÏÖµÄÒ³Ãæ£¬Ê×ÏȱØÐëÏòÒ³ÃæÌí¼ÓÒ»¸ö½Å±¾¹ÜÀíÆ÷£¬È»ºóͨ¹ýʹÓà UpdatePanel ¿Ø¼þ½øÐзâ×°£¬´Ó¶ø¶¨Òå¿É¶ÀÁ¢¸üеÄÇøÓò¡£ÀýÈ磺
< ?xml:namespace prefix = asp />
< asp:ScriptManager runat="server">< /asp:ScriptManager>
< asp:UpdatePanel id=Upda ......
Web¿ª·¢Õß²»»á×¢Òâµ½ÓÉ “AJAX(Asynchronous JavaScript And XML)”Ëù´øÀ´µÄ¼¤Çé¡£²»·ÑÁ¦Æø¾ÍÄÜ´´½¨ÏñGoogle SuggestÄÇÑùµÄÖÇÄÜÍøÕ¾»òÕßÏñGmailÄÇÑù»ùÓÚWebµÄÓ¦ÓóÌÐò£¬ÕâÔںܴó³Ì¶ÈÉÏÒª¹é¹¦ÓÚÕâÖÖ¼¼Êõ¡£È»¶ø£¬°éËæ×ÅAJAXÓ¦ÓóÌÐòµÄ·¢Õ¹£¬ÎÒÃÇ·¢ÏÖÁËËüµÄһЩ²»×ãÖ®´¦£¬ÎÒÃÇ·¢ÏÖËüµÄ°²È«Â©¶´Ò²ÔÚÖð½¥±ä´ó£¬¾ÍÏñÂý ......
1¡¢´´½¨
XMLHttpRequest
¶ÔÏóµÄÒ»¸öʵÀý
var xmlHttp;
function createXMLHttpRequest() {
if (window.ActiveXObject) {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else if ( ......
ÒÔÎÒÒÔǰдµÄÒ»¸öÁ·Ï°AJAXµÄ»áÔ±×¢²áÒ³ÃæÎªÀý¡£
ÏÂÃæÕâЩÖ÷ÒªÊÇÔÚÊäÈëÓû§Ãû£¬¹â±êÀ뿪ÊäÈë¿ò¾Í½øÐÐÅжϸÃÓû§ÃûÊÇ·ñºÏ·¨µÄajax·½·¨¡£
£¨1£©Xmlhttprequest AJAXÖ®ºËÐÄ
function S_Xmlhttprequest(){
if(window.ActiveXObject) //IE
xmlhttp = new ActiveXObject('Microsoft.XMLHTTP');
else if(window.XmlHTTPRe ......