ajaxµ¯³öÌáʾÐÅÏ¢
ajaxµ¯³öÌáʾÐÅÏ¢
1¡¢ ÊäÈëÓò£º
<h2>¹¤¾ßÌáʾ</h2>
<hr>
<a href="#" onmouseover="over(0)" onmouseout="out()">ÎïÆ·Ò»</a><br><br>
<a href="#" onmouseover="over(1)" onmouseout="out()">ÎïÆ·¶þ</a><br><br>
<a href="#" onmouseover="over(2)" onmouseout="out()">ÎïÆ·Èý</a><br><br>
<div id="tip" style="position:absolute;display:none;border:1px;border-style:solid;">
<table id="tipTable" border="0" bgcolor="#ffffee">
<tr align="center">
<td><img id="photo" src="" height="80" width="80"></td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td></td>
</tr>
</table>
</div>
2¡¢ JavaScript½Å±¾£º
<script type="text/javascript">
var xmlHttp;
var x, y; //¼Ç¼Ê¼þ·¢ÉúʱµÄÊó±êλÖÃ
//´´½¨XMLHttpRequest¶ÔÏó
function createXMLHttpRequest() {
if(window.ActiveXObject) {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
} else if (window.XMLHttpRequest) {
&nb
Ïà¹ØÎĵµ£º
var xmlHttp;
var flag = false;
function createXMLHttpRequest()
{
if(window.ActiveXObject)
{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
else if(window.XMLHttpRequest)
{
xmlHttp=new XMLHttpRequest();
}
}
fu ......
±¾ÎÄÄÚÈÝÕª×Ô£º¡¶Java Web¿ª·¢½Ì³Ì——ÈëÃÅÓëÌá¸ßƪ£¨JSP+Servlet£©¡·
AJAXÊÇAsynchronous JavaScript and XMLµÄËõд£¬Éæ¼°JavaScript½Å±¾¡¢XHTMLºÍCSS¡¢DOM¡¢XMLºÍXSTLµÈ¼¼Êõ¡£
l XHTMLÓëCSSʵÏÖÊý¾ÝÐÅÏ¢µÄͳһ»¯ºÍ±ê×¼»¯ÏÔʾ£»
l & ......
Ôø¾¶ÔajaxºÜºÃÆ棬ÿ´ÎºÍͬѧ»òÕßͬÊÂ̸ÆðajaxÌýËûÃÇÔÚÄÇÇáÃèµÐ´Ò»·¬²»ÖªËùÒÔÈ»£¬Ç°¼¸Ìì²é×ÊÁϲŻíÈ»Ã÷°×¡£ÏÂÃæÖ±ÈëÕýÌ⣺
Ajax »ù±¾ÉϾÍÊÇ°Ñ JavaScript ¼¼ÊõºÍ XMLHttpRequest
¶ÔÏó·ÅÔÚ Web
±íµ¥ºÍ·þÎñÆ÷Ö®¼ä
¡£µ±Óû§Ìîд±íµ¥Ê±£¬Êý¾Ý·¢Ë͸øһЩ JavaScript ´úÂë¶ø²»ÊÇ
Ö±½Ó·¢Ë͸ø·þÎñÆ÷¡£Ïà·´£¬JavaScript
......
dataÀàÐÍ
js´úÂ룺
$.post("getmaterial.do?method=getmaterial",
{name:name},
function (data) {
});
ÆäÖÐgetmaterial.do?method=getmaterialÊÇÇëÇóµÄurl£¬{name:name}ÊÇ´«µÝµ½ºǫ́µÄ²ÎÊý£¬¿ÉÒÔÓÃ
request.getParameter("name");»ñÈ¡£¬dataÊǺǫ́´«µÝ¹ýÀ´µÄÊý¾Ý¡£
action´úÂ룺
response.setContentType( ......
/*
κÑÔAJAX Àà
ʹÓ÷½·¨:
<mce:script type="text/javascript"><!--
var classAjax = new Ajax(sUrl,sRecvTyp,sQueryString,oResultFunc);
classAjax.post();//post·½Ê½·¢ËÍÊý¾Ý
classAjax.get();//get·½Ê½·¢ËÍÊý¾Ý
//sUrl·¢Ë͵ØÖ·
//sRecvTyp ½ÓÊÜÊý¾ÝÀàÐÍ:0Ϊxml 1Ϊtext
//oResultFunc ·µ»Ø½á¹û´¦Àíº ......