ASP.NET AJAX (唔用 Update Panel / 最原始既 AJAX 方法)

 
ASP.NET AJAX (唔用 Update Panel / 最原始既 AJAX 方法)
 

   Default.aspx
 
   <%@ Page Language="C#" AutoEventWireup="true"
   CodeBehind="Default.aspx.cs" Inherits="WebApplication27._Default" %>
 
   <html>
   <head>
   <title>JavaScript Test</title>
   <script language="javascript" type="text/javascript">
 
      function btnonclickfunction() {
 
         if (window.XMLHttpRequest) {
            xmlhttp = new XMLHttpRequest();
         }else{
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
         }
 
         xmlhttp.onreadystatechange = function() {
            if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
               document.getElementById("AJAX_Result").innerHTML = xmlhttp.responseText;
            }
         }
 
         xmlhttp.open("GET", "1.aspx", true);
         xmlhttp.send();
      }
 
      function linkonclickfunction() {
 
         if (window.XMLHttpRequest) {
            xmlhttp = new XMLHttpRequest();
         }else{
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
         }
 
         xmlhttp.onreadystatechange = function() {
            if(xmlhttp.readyState == 4 && xmlhttp.status == 200) {
               document.getElementById("AJAX_Result").innerHTML = xmlhttp.responseText;
            }
         }
 
         xmlhttp.open("GET", "2.aspx", true);
         xmlhttp.send();
 
      }
 
   </script>
   </head>
 
   <body>
      <div>
 
      <input id="Btn" type="button"
      value="Btn OnClick Change"
      onclick="btnonclickfunction()" />
      <br /><br />
 
      <a href="#" onclick="linkonclickfunction()">
      Link OnClick Change
      </a>
      <br /><br />
 
      <div id="AJAX_Result"></div>
 
      </div>
   </body>
   </html>
 

 

   1.aspx
 
   <%@ Page Language="C#" AutoEventWireup="true"
   CodeBehind="1.aspx.cs" Inherits="WebApplication27._" %>
 
   <span id="span1">1.aspx AJAX</span>
   <br />
   <span id="Span2">1.aspx AJAX</span>
 

 

   2.aspx
 
   <%@ Page Language="C#" AutoEventWireup="true"
   CodeBehind="2.aspx.cs" Inherits="WebApplication27._1" %>
 
   <span id="span1">2.aspx AJAX</span>
   <br />
   <span id="span2">2.aspx AJAX</span>