• test.jsp

Java代码

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
  2.  
  3. <html>  
  4.  
  5. <head>  
  6.     <title></title>  
  7.     <script type="text/javascript" src="js/ajax.js"></script>  
  8.  
  9. </head>  
  10.  
  11. <body>  
  12.     <div id="title">  
  13.             <img src="img2/plus.gif" onclick="doOpen(this)"/>  
  14.             <span>title</span>  
  15.             <input type="hidden" id="flag" value="0"/>  
  16.     </div>  
  17.     <div id="content">  
  18.     </div>  
  19. </body>  
  20.  
  21. </html> 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title></title> <script type="text/javascript" src="js/ajax.js"></script> </head> <body> <div id="title"> <img src="img2/plus.gif" <span>title</span> <input type="hidden" id="flag" value="0"/> </div> <div id="content"> </div> </body> </html>

  • ajax.js

Java代码

  1. function GetXmlHttpObject()  
  2. {  
  3.   var xmlHttp=null;  
  4. try
  5.     {  
  6. // Firefox, Opera 8.0+, Safari
  7.     xmlHttp=new XMLHttpRequest();  
  8.     }  
  9. catch (e)  
  10.     {  
  11. // Internet Explorer
  12. try
  13.       {  
  14.       xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");  
  15.       }  
  16. catch (e)  
  17.       {  
  18.       xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");  
  19.       }  
  20.     }  
  21. return xmlHttp;  
  22. }  
  23.  
  24. function doOpen(img){  
  25. if(document.getElementById("flag").value=="0"){  
  26.         var xmlHttp=GetXmlHttpObject();  
  27. if (xmlHttp==null)  
  28.         {  
  29.             alert ("AJAX初期化失敗!");  
  30. return;  
  31.         }  
  32.  
  33.         var url="response.html";//+"&random="+Math.random();
  34.  
  35.         xmlHttp.onreadystatechange=function()  
  36.               {  
  37. if(xmlHttp.readyState==4)  
  38.                 {  
  39.                     var temp = xmlHttp.responseText;  
  40.                     document.getElementById("content").innerHTML = temp;  
  41.                     img.src="/Tree/img2/minus.gif";//工程中目录
  42.                     document.getElementById("flag").innerText = 1;  
  43.  
  44.                 }  
  45.               }  
  46.         xmlHttp.open("GET",url,true);  
  47.         xmlHttp.send(null);  
  48.     }  
  49. else{  
  50.         document.getElementById("content").innerHTML = "";  
  51.         img.src="/Tree/img2/plus.gif";  
  52.         document.getElementById("flag").innerText = 0;  
  53.     }  
  54. } 

function GetXmlHttpObject() { var xmlHttp=null; try { // Firefox, Opera 8.0+, Safari xmlHttp=new XMLHttpRequest(); } catch (e) { // Internet Explorer try { xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); } } return xmlHttp; } function doOpen(img){ if(document.getElementById("flag").value=="0"){ var xmlHttp=GetXmlHttpObject(); if (xmlHttp==null) { alert ("AJAX初期化失敗!"); return; } var url="response.html";//+"&random="+Math.random(); xmlHttp.onreadystatechange=function() { if(xmlHttp.readyState==4) { var temp = xmlHttp.responseText; document.getElementById("content").innerHTML = temp; img.src="/Tree/img2/minus.gif";//工程中目录 document.getElementById("flag").innerText = 1; } } xmlHttp.open("GET",url,true); xmlHttp.send(null); } else{ document.getElementById("content").innerHTML = ""; img.src="/Tree/img2/plus.gif"; document.getElementById("flag").innerText = 0; } }

  • response.html

Java代码

  1. 随便写点什么content 

随便写点什么content