¼òµ¥Ã÷Á˵Ä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
Ïà¹ØÎĵµ£º
Ò» ÒýÌâ
ÈçºÎÈÃweb³ÌÐòÓÃÆðÀ´Ïñ×ÀÃæÓ¦ÓóÌÐòÒ»Ñù¼òµ¥£»
ÅÖ¿Í»§¶Ë£¿Êݿͻ§¶Ë£¿ÈçºÎÑ¡Ôñ£¿-----¿´ÐèÇ󣬿´Óû§µÄʹÓã¬Áé»îµ÷½Ú¡£
²»ÒªÉÁ˸£¬¿Õ°×Ò³³öÏÖ£¿
¶þ ³õʶAjax
1. AjaxÊÇÒ»¸ö¿Í»§¶Ë¼¼Êõ£¬²»ÂÛÄãÏÖÔÚʹÓúÎÖÖ·þÎñÆ÷¶Ë¼¼Êõ£¬¶¼ÄÜʹÓÃAjax£¬¶ø²»¹ÜʹÓõÄÊÇJava¡¢.NET¡¢Ruby¡¢PHP»¹ÊÇCGI¡ ......
1¡¢PHP·¢ËÍÖÐÎÄ¡¢Ajax½ÓÊÕ
Ö»ÐèÔÚphp¶¥²¿¼ÓÈëÒ»¾ä£º
header('Content-type: text/html;charset=GB2312');
xmlHttp»áÕýÈ·½âÎöÆäÖеÄÖÐÎÄ¡£
2¡¢Ajax·¢ËÍÖÐÎÄ¡¢PHP½ÓÊÕ
Õâ¸ö±È½Ï¸´ÔÓ£º
AjaxÖÐÏÈÓÃencodeURIComponent¶ÔÒªÌá½»µÄÖÐÎĽøÐбàÂë
PHPÖУº
$GB2312string=iconv( ‘UTF-8′, ‘gb2312//I ......
ǰ̨´úÂ룺
<head runat="server">
<title>ÎÞ±êÌâÒ³</title>
<script src="Ajax.js" type="text/javascript"></script>
</head>
<body>
<form id="form1" runat="server">
<div&g ......
ÏÈÀ´Ð´Ò»¸ö¼òµ¥µÄAjax³ÌÐò£¬Ê¹Ó÷Çͬ²½µÄ·½Ê½Ïò·þÎñÆ÷¶ËÈ¡µÃTXTÎļþÖеÄÄÚÈÝ£¬²¢¼ÓÒÔÏÔʾ¡£Ê×ÏÈ£¬Çë×¼±¸Ò»¸öHelloAjax.aspx(HTMLÒ²¿É)£º
*HelloAjax.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="HelloAjax.aspx.cs" Inherits="HelloAjax._Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD ......
½ñÌ춯̬Ìí¼Óoptionµ½selectlʱ£¬³öÏÖÁËÌí¼ÓºóoptionΪ¿Õ°×£¬¸öÊýÈ´ÕýÈ·µÄÇé¿ö¡£´úÂëÈçÏ£º
for(var i = 0; i < results.length; i++) {
oOption = document.createElement("OPTION");
oOption.value=results[i].child ......