×î¼òµ¥µÄAjaxÈëÃÅÀý³Ì
<?php
if(isset($_GET['do']) && $_GET['do']==='ajax')
{
exit("{msg:'Hello World!'}");
}
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Ajax Demo</title>
<script type="text/javascript">
function readyStateChangeHandle(xhr)
{
// ¾ßÌå²Ù×÷,ÐèÒªÁ˽âÒ»ÏÂJavaScriptµÄÏà¹ØÖªÊ¶
eval('var result='+xhr.responseText);
window.alert(result.msg);
}
function Ajax()
{
// ´´½¨Òì²½ÇëÇó¶ÔÏó
var xhr=window.ActiveXObject ? new ActiveXObject("Microsoft.XMLHTTP") : new XMLHttpRequest();
// ÅжÏһ϶ÔÏóÊÇ·ñ´´½¨³É¹¦
if(!xhr)
{
return false;
}
// ÉèÖÃÒì²½ÇëÇó´¦Àíº¯Êý(ÕâÀïÓÃÄäÃûº¯Êý¶ø²»Ö±½ÓÓö¨ÒåºÃµÄº¯Êý,Ö÷ÒªÊÇ·½±ã´«µÝ²ÎÊý)
xhr.onreadystatechange=function(){
// readyStateÓÐ4ÖÖ״̬(0=UNINITIALIZED,1=LOADING,2=LOADED,3=INTERACTIVE,4=COMPLETED)
if(xhr.readyState==4)
{
// statusʵ¼ÊÉϾÍÊÇHTTP״̬Âë
if(xhr.status==200)
{
readyStateChangeHandle(xhr);
}
}
};
xhr.open("GET","ajax.php?do=ajax",true);
xhr.send(null);
}
</script>
</head>
<body>
<button type="button" onclick="Ajax();">Ajax</button>
</body>
</html>
Ïà¹ØÎĵµ£º
ǰ̨HTML´úÂë:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>ÎÞ±êÌâÒ³</title>
<style ......
´úÂëÏÂÔØ:
Î§ÈÆ¸Ã bush »÷ÍËÍ£Ö¹£ºAJAX ÊÇ¿ÉÄܽöʹÓÃÒ»¸öÇ¿µÄ JavaScript ÒýÇæ£¬¿ÉÒÔÔÚ¿Í»§¶Ëä¯ÀÀÆ÷ÖÐÔËÐУ¬²¢Ìṩ¸ü¸ß¼¶ºÍÒì²½¹¦ÄÜ»ù´¡µÄ¡£ JavaScript ¿âµ±Ç°°üº¬ÔÚ ASP.NET 3.5 SP 1 ³¢ÊÔÊÇÒ»¸öÐèÒª£¬µ«²»×㣬½«ÕâÑùµÄ¿â¡£ Ò»¸ö¹¦ÄܸüÇ¿´óµÄ ASP.NET AJAX ƽ̨ÊDZØÐèµÄµÄ²¢ÇÒËüÖ»ÊDZ»ÒýÈëÁË ASP.NET AJAX 4.0 µÄ ......
<mce:script type="text/javascript"><!--
var xmlHttp = false;
try {
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e2) {
xmlHttp = false;
}
}
if (!xmlHttp & ......
javascriptÑØÓÃjavaµÄ×Ö·û´¦Àí·½Ê½£¬ÄÚ²¿ÊÇʹÓÃunicodeÀ´´¦ÀíËùÓÐ×Ö·ûµÄ£¬
µÚ¶þ£¬utf-8ÊÇÿ¸öºº×Ö£¨unicode×Ö·û£©ÓÃ3¸ö×Ö½ÚÀ´´æ´¢¡£
µÚÈý£¬ÓÃutf-8À´sendÊý¾ÝÊDz»»á³öÏÖÂÒÂëµÄ£¬ÊǺǫ́³ÌÐòûÓÐÕýÈ·½âÂë²Å»á³öÏÖÂÒÂë¡£
µÚËÄ£¬ajax·¢ËÍÊý¾ÝµÄʱºòÈç¹ûÐÞ¸Ä Content-Type Ϊ application/x-www-form-urlencoded"£¬¿Ï¶ ......
ÕâÀï²»ÊÇÖ¸µ÷Óüòµ¥µÄ PageMethod£¬ÒòΪ¾²Ì¬·½·¨ÊDz»ÄܲÙ×÷µ±Ç°Ò³ÃæµÄ¿Ø¼þµÄ£¬ËùÒÔ¾²Ì¬µÄ PageMethod ×÷Óþ͸úÆÕͨµÄ WebService Ò»Ñù£¬±È½Ï¾ÖÏÞ¡£
ÄÇô£¬µ÷ÓÃÒ»°ãµÄ·þÎñÆ÷¶Ë·½·¨£¬Æäʵ¾ÍÊÇ·¢ÆðÒ»¸öÒì²½»Øµ÷¡£×î¼òµ¥µÄʵÏÖ°ì·¨£¬ÊÇͨ¹ý UpdatePanel À´×ö¡£
Ê×Ïȶ¨ÒåÒ»¸öÒþ²ØµÄ LinkButton£¬ÔÚÆä´¦ÀíʼþÖУ¬È¥µ÷ÓÃÎÒÃÇÒªÖ ......