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