Ò׽ؽØͼÈí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö160KB

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


Ïà¹ØÎĵµ£º

AjaxÑéÖ¤Óû§ÃûÊÇ·ñ´æÔÚ

<script language="javascript" type="text/javascript">
        var xmlHttp = null;
        function CreateXMLHttp()
        {
           ......

Java Web»ù´¡£ºµÚ¶þÊ®¶þ½² Ajax½»»¥¼òµ¥ÊµÀý

±¾ÎÄÄÚÈÝÕª×Ô£º¡¶Java Web¿ª·¢½Ì³Ì——ÈëÃÅÓëÌá¸ßƪ£¨JSP+Servlet£©¡·
ÏÂÃæÒÔ×¢²á¹ý³ÌÖÐÓû§ÃûÊÇ·ñ´æÔÚµÄÑé֤ΪÀý½éÉÜAJAXµÄÓ¦Óá£
¹¦ÄÜÃèÊö£ºÓû§×¢²áµÄÓû§Ãû²»ÔÊÐíÖظ´£¬ËùÒÔÔÚÓû§ÌύʱºòÐèÒªÅжϡ£ÎªÁËÈÃÓû§ÔçÖªµÀ½á¹û£¬ÔÚÓû§ÊäÈëÓû§ÃûÖ®ºó¾ÍÓ¦¸Ã½øÐÐÅжϣ¬¿ÉÒÔ²ÉÓÃAJAX½øÐд¦Àí¡£
¼ÙÉ裺ΪÁ˼ò»¯´ú ......

jqueryÖÐajaxÒì²½·µ»ØÊý¾Ý¸ñʽ×ܽá


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( ......

js Ajax Àà Éú»îÒª¿ìÀÖ

/*
κÑÔ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 ·µ»Ø½á¹û´¦Àíº ......

ajaxµÄÁбíÁª¶¯Ê¾Àý

ajaxµÄÁбíÁª¶¯Ê¾Àý
1¡¢  ÊäÈëÓò£º
ÇëÑ¡ÔñÊ¡£º
    <select id="sel1" onchange="return choose(this);">
        <option value="">--ÇëÑ¡Ôñ--</option>
        <option value="1">ºþÄÏÊ¡</option>
&nb ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØͼ | ¸ÓICP±¸09004571ºÅ