Ajax ×ܽá
Ajax µÄ¸ÅÄ
AjaxÌá³öÕßJesse James GarrettÔÚ¡¶Ajax:Ò»¸öWebÓ¦ÓõÄÐÂ;¾¶¡·ÖÐÌáµ½AjaxΪ“Asynchronous JavaScript + XML”µÄ¼ò³Æ£¬Ò²¾ÍÊÇÒì²½µÄJavaScriptºÍXML´¦Àí¡£
ÆäÖаüº¬£º
ÓÃXHTMLºÍCSS½øÐлùÓÚ±ê×¼µÄ±íʾ·½Ê½£º
¡¡¡¡²ÉÓÃDOM(document object model)¶¯Ì¬ÏÔʾºÍ½»»¥²Ù×÷;
¡¡¡¡²ÉÓÃXMLºÍXSLT½øÐÐÊý¾Ý½»»»ºÍ²Ù×÷;
¡¡¡¡²ÉÓÃXMLHttpRequest½øÐÐÒì²½Êý¾Ý»ñÈ¡;
¡¡¡¡²ÉÓÃJavaScript°ó¶¨ÉÏÊö¼¼ÊõÓ¦ÓÃ;
XMLHttpRequest ¶ÔÏó£º
XMLHttpRequestÊÇÒ»¸öJavaScript¶ÔÏó
<script language="javascript" type="text/javascript">
var xmlHttp = new XMLHttpRequest();
</script>
Ajax ·½·¨£º£¨xmlhttprequest£©(1)Ajax ÔÀí ͨ¹ýº¯Êý(2) ajax ¿ò¼Ü Ajax magicajax(3) Atlas£¨4£©Ajax.netAjax Óŵ㣺£¨1£© ÎÞˢУ¨2£© °´ÐèÈ¡Êý¾Ý£¨3£© ¼õÇá·þÎñÆ÷¶Ë´úÂëȱµã£º1 ´úÂë±È½ÏÂÒ
Ajax µÄ¹¤×÷ÔÀí£ºAjaxÖ÷ÒªÊÇͨ¹ýJavaScript¶ÔÏóÖеÄXmlHttpRequestÏò·þÎñÆ÷Ìá³öÇëÇ󣬲¢¸ù¾Ý´¦ÀíµÄ½á¹û¸üÐÂÒ³Ãæ¡£ÕâÑùµÄ¸üв»»áʹÕû¸öÒ³ÃæÈ«²¿¸üУ¬¶øÊǸù¾ÝÓû§µÄÐèÒª¶Ôij¸öÇøÓò½øÐоֲ¿¸üУ¬¶øÇÒÔÚ¸üеÄͬʱ²»Ó°ÏìÆäËüÇøÓòµÄä¯ÀÀ¡£ÀýÈ磺ËѺü¸öÈ˲©¿ÍÖÐÿ¸öÀ¸Ä¿ºóÃæµÄˢа´Å¥AjaxÓ봫ͳWebÓ¦ÓÃÓÐʲô²»Í¬?
AjaxÓ봫ͳWebÓ¦ÓÃ×î´óµÄ²»Í¬¾ÍÊÇAjax¿ÉÒÔ¶ÔÒ³ÃæÄ³Ò»¸öÇøÓò½øÐоֲ¿¼ÓÔØ£¬¶ø²»ÊÇÏñ´«Í³WebÖÐÿ´ÎÒ³ÃæÇëÇóºóµÄ¶¼±ØÐëÖØÐ¼ÓÔØÕû¸öÒ³Ãæ£¬ÌرðÔÚÒ³Ãæ¸ºÔرȽϴóµÄÇé¿öÏ£¬Ò³Ãæ¼ÓÔØÊ±¼ä¾Í±È½Ï³¤£¬Óû§¶àÊýʱ¼ä¾Í´¦Ôڵȴý״̬£¬¶ø³ÊÏÖ¸øÓû§µÄ½ö½öÊÇһƬ¿Õ°×£¬¶øÔÚAjaxµÄÓ¦ÓÃÖоͿÉÒԺܺõıÜÃâÕâÀàÊÂÇéµÄ·¢Éú¡£ Ajax Ó¦ÓóÌÐòËùÓõ½µÄ»ù±¾¼¼Êõ£ºHTML ÓÃÓÚ½¨Á¢ Web ±íµ¥²¢È·¶¨Ó¦ÓóÌÐòÆäËû²¿·ÖʹÓõÄ×ֶΡ£ JavaScript ´úÂëÊÇÔËÐÐ Ajax Ó¦ÓóÌÐòµÄºËÐÄ´úÂ룬°ïÖú¸Ä½øÓë·þÎñÆ÷Ó¦ÓóÌÐòµÄͨÐÅ¡£ DHTML »ò Dynamic HTML£¬ÓÃÓÚ¶¯Ì¬¸üÐÂ±íµ¥¡£ÎÒÃǽ«Ê¹Óà div¡¢span ºÍÆäËû¶¯Ì¬ HTML ÔªËØÀ´±ê¼Ç HTML¡£ Îĵµ¶ÔÏóÄ£ÐÍ DOM ÓÃÓÚ£¨Í¨¹ý JavaScript ´úÂ룩´¦Àí HTML ½á¹¹ºÍ£¨Ä³Ð©Çé¿öÏ£©·þÎñÆ÷·µ»ØµÄ XML¡£
Ïà¹ØÎĵµ£º
ÓкܾÃÒ»¶Îʱ¼äÎÒµÄBLOGÉÏûÓгöÏÖAJAXÏà¹ØÑ¶Ï¢ÁË£¬Ö÷Òªµ±È»ÊÇÒòΪ¾ø´ó²¿·ÖµÄÖØÐͼ·Åµ½ÁËSilverlightÉíÉÏ(¿ÉÔ¤ÆÚµÄδÀ´Ó¦¸ÃÒ²»áÊÇÈç´Ë)¡£
µ«ÓÉÓÚ¹¤×÷ÉϵÄÐèÒª£¬×î½ü»¹ÊÇ»ØÍ·¿´ÁËһϼ´½«ÍƳöµÄASP.NET Ajax Library...£¬Ë³±ãÕÒÁËÒ»ÏÂÍøÂçÉϵÄѶϢ£¬¿´Õâ¸öÌ¬ÊÆÎÒ²ÂÏëÓ¦¸Ã²»ÉÙASP.NET¿ª·¢ÈËÔ±ºöÂÔµôÁËÕâ¸öÆäʵÒѾbet ......
ajaxÇëÇó²»·µ»Øhtml´úÂëµÄÈýÖÖ·½Ê½
ajaxÇëÇó´úÂ룺
function ajaxSend() {
$.ajax({
url: “Test_Ajax.aspx”,
type: “post”,
data: { name: “ajax” },//Èç¹ûÇëÇóµÄ×ÔÉíÒ³Ãæ£¬ÎªÁËÔÚºǫ́ÅжÏÊDz»ÊÇajaxÇëÇó
error: function(xhr, textStatus, errorThown) {
alert(errorThown) ......
×òÌì¿´ÁËÆª²»ÊǺÜÑϽ÷µÄ²©ÎÄ¡¶Ò»¸öËãÃüС͵³ÌÐòµÄµ®Éú¡·£¬ÀïÃæÐ´ÁËÒ»¸öͨ¹ýAJAX͵ÇÔ±ðÈËÍøÕ¾Ëã·¨µÄ·½·¨¡£Êµ¼ùÁËһϸù±¾²»ÐУ¬AJAXËÆºõ²»ÄÜ¿çÓò¡£
ºóÀ´ÎÒÏëÁËһЩ½â¾ö·½·¨£¬ÖÕÓÚ¿çÓò³É¹¦¡£ÏÖÔÚ¹«²¼Ò»Ï·½·¨¡£
ÈÎÎñ£ºÔÚ×Ô¼ºÍøÕ¾×ö¸ö±íµ¥£¬Ïò¡ ......
$.get()ºÍ$.post()·½·¨
$.get(url [,data] [,callback] [,type])
type£ºstringÀàÐÍ£¬·þÎñÆ÷¶Ë·µ»ØÄÚÈݵĸñʽ£¬°üÀ¨xml£¬html£¬script£¬json£¬textºÍ_default
»Øµ÷º¯ÊýÖ»ÓÐÁ½¸ö²ÎÊý£ºfunction(data,textstatus){....}
data:·µ»ØµÄÄÚÈÝ £ ......
×î½üÔÚÓÃAjax×öµÇ¼´°¿Ú£¬µ«ÊÇlogoutµÄʱºòÐèÒª¶Ôsession½øÐд¦Àí¡£ÓõÄÊÇsession.removeAttribute()º¯Êý½øÐÐlogout¡£µ«ÊÇ£¬ÊÂʵ֤Ã÷£¬ÔÚlogoutÒÔºó£¬ÔٴεǼµÄʱºò£¬²¢²»Äܵǽ³É¹¦£¬Ñ¹¸ù²»»á½øÈëactionÖ´ÐÐÏàÓ¦µÄ·½·¨£¨hqlÓï¾äҲûÓÐÖ´ÐУ©¡£
Ϊ´Ë£¬¾Ý˵ÓÐÁ½ÖÖ·½·¨½ ......