Aspx最簡單的 Ajax範例，回傳伺服器的時間-优快云博客

本文介绍了一个简单的Ajax应用实例，通过按钮点击事件触发Ajax请求，从服务器获取当前时间并显示在客户端。该示例展示了如何使用JavaScript发起POST请求，并在服务器端响应请求返回时间。

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

AjaxPage.aspx

1 @ Page Language="C#" AutoEventWireup="true" CodeFile="AjaxPage.aspx.cs" Inherits="AjaxPage" %> 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 Pagetitle> 8 head> 9 <body> 10 <form id="form1" runat="server"> 11 <div> 12 <input type="button" value="Ajax Click" onclick="return GetTime()" /> 13 div> 14 form> 15 body> 16 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 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 }