Aspx最簡單的 Ajax範例，回傳伺服器的時間

本文链接：https://blog.youkuaiyun.com/E_wsq/article/details/3308653

本文介绍了一个简单的Ajax应用实例，通过按钮点击事件触发Ajax请求，从服务器获取当前时间并显示在客户端。该示例展示了如何使用JavaScript创建XMLHttpRequest对象进行异步通信，以及服务器端如何响应请求。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

AjaxPage.aspx

 1 
 2 
 3 DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 4 
 5 <html xmlns="http://www.w3.org/1999/xhtml" >
 6 <head runat="server">
 7     <title>Untitled Page</< span>title>
 8 </< span>head>
 9 <body>
10     <form id="form1" runat="server">
11     <div>
12     <input type="button" value="Ajax Click" onclick="return GetTime()" />
13     </< span>div>
14     </< span>form>
15 </< span>body>
16 </< span>html>
17 
18 <script language="javascript">
19 function GetTime()   
20 {   
21     var xmlhttp = new XMLHttpRequest();
22     if (xmlhttp == null) {
23         var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
24     }
25     var sPostData = "method=GetTime";
26     xmlhttp.open("POST", "AjaxPage.aspx", false);   
27     xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded")
28 
29     xmlhttp.send(sPostData); 
30     alert("現在時間: " + xmlhttp.responseText);
31 }     
32 </< span>script>

AjaxPage.aspx.cs

 1 using System;
 2 
 3 public partial class AjaxPage : System.Web.UI.Page {
 4     protected void Page_Load(object sender, EventArgs e) {
 5         if (IsPostBack == false && Request["method"] == "GetTime") {
 6             GetTime();
 7         }
 8     }
 9 
10     private void GetTime() {
11         Response.Clear();
12         Response.ContentType = "text/xml";
13         Response.Write(DateTime.Now.ToString());
14         Response.End();
15     }
16 }