1. GetTime.html
1 <!DOCTYPE html>
2 <html xmlns="http://www.w3.org/1999/xhtml">
3 <head>
4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
5 <title></title>
6 <script type="text/javascript">
7 window.onload = function () {
8 document.getElementById("btnGetTime").onclick = function () {
9 //向服务器请求时间
10 //1. 创建异步对象（小浏览器）
11 var xhr = new XMLHttpRequest();
12 //2. 设置参数(请求方式，请求页面，是否异步)
13 xhr.open("get", "GetTime.ashx?name=huoaa", true);
14 //3. 让get请求不从浏览器获取缓存数据
15 xhr.setRequestHeader("If-Modified-Since", "0");
16 //4. 设置回掉函数
17 xhr.onreadystatechange = function () {
18 if (xhr.readyState == 4 && xhr.status == 200) {
19 var res = xhr.responseText;
20 alert(res);
21 }
22 };
23 //4. 发送异步请求
24 xhr.send(null);
25 };
26 document.getElementById("btnPostTime").onclick = function () {
27 //向服务器请求时间
28 //1. 创建异步对象（小浏览器）
29 var xhr = new XMLHttpRequest();
30 //2. 设置参数(请求方式，请求页面，是否异步)
31 xhr.open("post", "GetTime.ashx", true);
32 //3. 针对post请求不会产生浏览器端缓存
33 //xhr.setRequestHeader("If-Modified-Since", "0");
34 //设置表单传送数据的默认编码方式
35 xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
36 //4. 设置回掉函数
37 xhr.onreadystatechange = function () {
38 if (xhr.readyState == 4 && xhr.status == 200) {
39 var res = xhr.responseText;
40 alert(res);
41 }
42 };
43 //4. 发送异步请求
44 //post传参方式
45 xhr.send("name=huoaa");
46 };
47 };
48 </script>
49 </head>
50 <body>
51 <input type="button" value="get获取服务器时间" id="btnGetTime" />
52 <input type="button" value="post获取服务器时间" id="btnPostTime" />
53 </body>
54 </html>
2. GetTime.ashx
1 <%@ WebHandler Language="C#" Class="Get请求" %>
2
3 using System;
4 using System.Web;
5
6 public class Get请求 : IHttpHandler {
7
8 public void ProcessRequest (HttpContext context) {
9 context.Response.ContentType = "text/plain";
10 string name = context.Request.Params["name"];
11 context.Response.Write(DateTime.Now.ToString()+",name="+name);
12 }
13
14 public bool IsReusable {
15 get {
16 return false;
17 }
18 }
19
20 }
时间： 2024-10-27 05:24:02