¼òµ¥Ã÷Á˵ÄAJAX½âÊͺÍʾÀý
AJAXÎÞÒÉÊÇ2005Äê³´µÄ×îÈȵÄWeb¿ª·¢¼¼ÊõÖ®Ò»£¬µ±È»£¬Õâ¸ö¹¦ÀÍÀë²»¿ªGoogle¡£ÎÒÖ»ÊÇÒ»¸öÆÕͨ¿ª·¢Õߣ¬Ê¹ÓÃAJAXµÄµØ·½²»ÊÇÌØ±ð¶à£¬ÎҾͼòµ¥µÄ°ÑÎÒʹÓõÄÐĵÃ˵һÏ¡££¨±¾ÎļÙÉèÓû§ÒѾ¾ßÓÐJavaScript¡¢HTML¡¢CSSµÈ»ù±¾µÄWeb¿ª·¢ÄÜÁ¦£©
¡¡¡¡[AJAX½éÉÜ]
¡¡¡¡AjaxÊÇʹÓÿͻ§¶Ë½Å±¾ÓëWeb·þÎñÆ÷½»»»Êý¾ÝµÄWebÓ¦Óÿª·¢·½·¨¡£WebÒ³Ãæ²»Óôò¶Ï½»»¥Á÷³Ì½øÐÐÖØÐ¼Ӳ㬾ͿÉÒÔ¶¯Ì¬µØ¸üС£Ê¹ÓÃAjax£¬Óû§¿ÉÒÔ´´½¨½Ó½ü±¾µØ×ÀÃæÓ¦ÓõÄÖ±½Ó¡¢¸ß¿ÉÓᢸü·á¸»¡¢¸ü¶¯Ì¬µÄWebÓû§½çÃæ¡£
¡¡¡¡Òì²½JavaScriptºÍXML£¨AJAX£©²»ÊÇʲôм¼Êõ£¬¶øÊÇʹÓü¸ÖÖÏÖÓм¼Êõ——°üÀ¨¼¶ÁªÑùʽ±í£¨CSS£©¡¢JavaScript¡¢XHTML¡¢XMLºÍ¿ÉÀ©Õ¹ÑùʽÓïÑÔת»»£¨XSLT£©£¬¿ª·¢Íâ¹Û¼°²Ù×÷ÀàËÆ×ÀÃæÈí¼þµÄWebÓ¦ÓÃÈí¼þ¡£
¡¡¡¡[AJAXÖ´ÐÐÔÀí]
¡¡¡¡Ò»¸öAjax½»»¥´ÓÒ»¸ö³ÆÎªXMLHttpRequestµÄJavaScript¶ÔÏó¿ªÊ¼¡£ÈçͬÃû×ÖËù°µÊ¾µÄ£¬ËüÔÊÐíÒ»¸ö¿Í»§¶Ë½Å±¾À´Ö´ÐÐHTTPÇëÇ󣬲¢ÇÒ½«»á½âÎöÒ»¸öXML¸ñʽµÄ·þÎñÆ÷ÏìÓ¦¡£Ajax´¦Àí¹ý³ÌÖеĵÚÒ»²½ÊÇ´´½¨Ò»¸öXMLHttpRequestʵÀý¡£Ê¹ÓÃHTTP·½·¨£¨GET»òPOST£©À´´¦ÀíÇëÇ󣬲¢½«Ä¿±êURLÉèÖõ½XMLHttpRequest¶ÔÏóÉÏ¡£
¡¡¡¡µ±Äã·¢ËÍHTTPÇëÇó£¬Ä㲻ϣÍûä¯ÀÀÆ÷¹ÒÆð²¢µÈ´ý·þÎñÆ÷µÄÏìÓ¦£¬È¡¶ø´úÖ®µÄÊÇ£¬ÄãÏ£Íûͨ¹ýÒ³Ãæ¼ÌÐøÏìÓ¦Óû§µÄ½çÃæ½»»¥£¬²¢ÔÚ·þÎñÆ÷ÏìÓ¦ÕæÕýµ½´ïºó´¦ÀíËüÃÇ¡£ÒªÍê³ÉËü£¬Äã¿ÉÒÔÏòXMLHttpRequest×¢²áÒ»¸ö»Øµ÷º¯Êý£¬²¢Òì²½µØÅÉ·¢XMLHttpRequestÇëÇ󡣿ØÖÆÈ¨ÂíÉϾͱ»·µ»Øµ½ä¯ÀÀÆ÷£¬µ±·þÎñÆ÷ÏìÓ¦µ½´ïʱ£¬»Øµ÷º¯Êý½«»á±»µ÷Óá£
¡¡¡¡[AJAXʵ¼ÊÓ¦ÓÃ]
¡¡¡¡1. ³õʼ»¯Ajax
¡¡¡¡Ajaxʵ¼ÊÉϾÍÊǵ÷ÓÃÁËXMLHttpRequest¶ÔÏó£¬ÄÇôÊ×ÏÈÎÒÃǵľͱØÐëµ÷ÓÃÕâ¸ö¶ÔÏó£¬ÎÒÃǹ¹½¨Ò»¸ö³õʼ»¯AjaxµÄº¯Êý£º
/**
* ³õʼ»¯Ò»¸öxmlhttp¶ÔÏó
*/
function InitAjax()
{
¡¡var ajax=false;
¡¡try {
¡¡¡¡ajax = new ActiveXObject("Msxml2.XMLHTTP");
¡¡} catch (e) {
¡¡¡¡try {
¡¡¡¡¡¡ajax = new ActiveXObject("Microsoft.XMLHTTP");
¡¡¡¡} catch (E) {
¡¡¡¡¡¡ajax = false;
¡¡¡¡}
¡¡}
¡¡if (!ajax && typeof XMLHttpRequest!='undefined') {
¡¡¡¡ajax = new XMLHttpRequest();
¡¡}
¡¡return ajax;
}
¡¡¡¡ÄãÒ²Ðí»á˵£¬Õâ¸ö´úÂëÒòΪҪµ÷ÓÃXMLHTTP×é¼þ£¬ÊDz»ÊÇÖ»ÓÐIEä¯ÀÀÆ÷ÄÜʹ£¬²»ÊǵľÎÒÊÔÑ飬FirefoxÒ²ÊÇÄÜʹÓõġ£
¡¡¡¡ÄÇôÎÒÃÇÔÚÖ´ÐÐÈκÎAjax²Ù×÷֮ǰ£¬¶¼±ØÐëÏȵ÷ÓÃÎÒÃǵÄInitAjax()º¯ÊýÀ´ÊµÀý»¯Ò»¸öAjax¶ÔÏó¡£
¡¡¡¡2
Ïà¹ØÎĵµ£º
AJAX Á÷ÐÐÖ®ºó£¬×ÜÏëºÃºÃѧϰһÏ¡£µ«ÊÇÖÚ¶àµÄ¿ò¼ÜʵÔÚÄÑÒÔÑ¡Ôñ¡£ËµÃ÷һϠASP.NET AJAX ²¢²»°üÀ¨ÔÚ AJAX ¿ò¼ÜÖ®ÖС£
¸Õ¿ªÊ¼Ñ§ÁË JQuqery£¬ ÖÚ¶àµÄ $get(),...µÈµÈ·ûºÅÔçÒѰÑÎÒ¸ãÔÎÁË¡£ÔÝʱ¾Í·ÅÆúÁË¡£
ºóÀ´Ñ§Ï° ASP.NET AJAX £¬ÔÚ΢ÈíµÄÁ쵼ϣ¬Öð½¥ÓÉ·þÎñÆ÷¶ËתÏò¿Í»§¶Ë±à³Ì¡£ ¼¤ÆðÎÒ¿Í»§¶Ë±à³ÌµÄÐËȤ£¬
²ÅÏëÆðѧ ......
ǰ̨´úÂ룺
<head runat="server">
<title>ÎÞ±êÌâÒ³</title>
<script src="Ajax.js" type="text/javascript"></script>
</head>
<body>
<form id="form1" runat="server">
<div&g ......
ÕâÀïµÄajax¿É²»ÊÇ´óÃû¶¦¶¦µÄajax¾ãÀÖ²¿£¬ ÕâËĸö×ÖĸÔÚÕâÀïAsynchronous JavaScript and XMLµÄËõд¡£Í¨Ë×µØÃèÊöÕâÏî¼¼Êõ¾ÍÊÇ£ºÓà JavaScript Ïò·þÎñÆ÷»ñÈ¡Êý¾Ý£¬È»ºó¸üÐÂÍøÒ³µÄ¾Ö²¿£¬¶ø²»ÊÇË¢ÐÂÕû¸öÍøÒ³¡£
ÕâÏî¼¼Êõ·Ç³£ÊʺÏÓÃÀ´¿ª·¢ÒÔä¯ÀÀÆ÷Ϊ¿Í»§¶ËµÄϵͳµÄ½çÃæ£¬Ê¹ÓÃajax¸øÓû§´øÀ´µÄ¸üºÃµÄÌåÑ飬ËûÃDz»»á¸Ð¾õµ½ÓÃä¯À ......
1£¬Ð½¨Ò»ÃûΪlogin.htmµÄ¾²Ì¬ÍøÒ³Îļþ£¬×÷ΪµÇÂ¼Ò³Ãæ£¬Èçͼ
body±êÇ©´úÂë
<body onkeydown ="enterLogin()"> <!--Ìí¼Ó°´Ï¼üÅÌʼþ-->
<div style="text-align: center" mce_style="text-align: center">
<table border="1" cellpadding="1">
<tr>
<td align="center" s ......
Ajax Slideshow
http://drupal.org/project/ajax_slideshow
View
CVS instructions
Modules · Content display
udig - October 17, 2009 - 12:05
Sequential presentation of any of your site nodes, using fade effect based on ajax asynchronous calls.
Why?
Indeed there are plenty of slideshow modules ......