×î¼òµ¥µÄ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 ......
ajaxʵÏÖ½«Êó±ê·Åµ½Í¼±êÉÏ£¬Ï·½»áÏÔʾºÍ¸ÃͼÓйصÄÐÅÏ¢
¿Í»§¶Ë´úÂëmouseover.php
<!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=" ......
Ò»¡¢´¦ÀíajaxÇëÇóµÄjspÎļþ£ºauto.jsp
<%@ page contentType="text/html; charset=gb2312" %>
<%
//ÉèÖÃÊä³öÐÅÏ¢µÄ¸ñʽ¼°×Ö·û¼¯
response.setContentType("text/xml; charset=UTF-8");
response.setHeader("Cache-Control","no-cache&q ......
ת£ºhttp://hi.baidu.com/playkk/blog/item/9b5f99952fb4c94fd0135e0c.html
1¡¢Ajax.net ×öΪAjax¼¼ÊõÔÚdotNet ¿ò¼ÜϵÄʵÏÖ£¬×÷ÕßMichael Schwarz²ÉÈ¡ÁËÒ»ÖÖ·âװЧ¹ûÏ൱°ôµÄ¼¼Êõ£º½«¿Í»§¶Ë´¦ÀíXML¡¢Ê¼þµ÷Ó÷½Ê½¶¼·â×°ÔÚ2¸öJavascriptÎļþÖУ¨AjaxPro.prototype.js ºÍAjaxPro.core.js£©£¬Í¬Ê±½«Õâ2¸öÖØÒªÎļþÒÔ×ÊÔ´µÄÐ ......
Ñо¿ajaxÒ²Óм¸ÄêµÄʱ¼äÁË£¬¿´¹ýµÄ¼¼ÊõÎĵµÒ²ÊDz»¼ÆÆäÊýÁË£¬
¸÷ÀàµÄÊé¼®Ò²Óм¸±¾£¬ÏÖÔÚ×îÈȵĹÀ¼Æ¾ÍÊÇÄDZ¾<<Õ÷·þAJAX>>£¬
²»¹ýÎÒ²»½¨Òé³õѧÕßÀ´¿´Õâ±¾Ê飬ÔÒò¾ÍÊÇÉÏÊÖ²»ÈÝÒ×£¬Ð´ÊéµÄÈË
ÊÇÎ÷°²Ä³µç×Ó´óѧµÄÒ»¸öÑо¿Éú£¨ÏÖÔÚÔÚIBM¹¤×÷£©£¬¿ª·¢ÁËÒ»¸öblog
²¢ÔËÓÃÁËajax¼¼Êõ£¬ ......