work053
htmlpage1.html
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>使用XMLHttpRequest实现异步获取服务器时间</title>
<script>
var request = false;
//创建
function createXMLHttpRequest()
{
try
{
request = new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e1)
{
try
{
request = new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e2)
{
request = false;
}
}
if (!request && typeof XMLHttpRequest != "undefined")
{
request = new XMLHttpRequest();
}
}
function getServerTime(format)
{
createXMLHttpRequest();
var url = "WebForm1.aspx?format=" + escape(format);
//通过GET方式,true为异步,false为同步
request.open("GET", url, true);
//回调函数
request.onreadystatechange = updateTime;
//null表示不再发送额外数据
request.send(null);
}
function updateTime()
{
if (request.readyState == 4)
{
document.getElementById("time").innerHTML = request.responseText;
}
}
</script>
</head>
<body>
<table border="0">
<tr>
<td>服务器时间</td>
<td>
<div id="time" style="height:100px;"></div>
</td>
</tr>
<tr>
<td>
<input id="Button1" type="button" value="获取完整时间" onclick="javascript: getServerTime('yyyy-mm-dd hh:mm:ss');" /><br /><br />
<input id="Button2" type="button" value="获取年月日" onclick="javascript: getServerTime('yyyy-mm-dd');" /><br /><br />
<input id="Button3" type="button" value="获取月份日期" onclick="javascript: getServerTime('mm-dd');" /><br /><br />
<input id="Button4" type="button" value="获取时分秒" onclick="javascript: getServerTime('hh:mm:ss');" /><br /><br />
</td>
</tr>
</table>
</body>
</html>
webform1.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="work053.WebForm1" %>
webform1.aspx.cs
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
namespace work053
{
public partial class WebForm1 : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
//设置服务器不缓存
Response.Cache.SetCacheability(HttpCacheability.NoCache);
string formatType = Request["format"];
string dateFormat = string.Empty;
if (!string.IsNullOrEmpty(formatType))
{
formatType = formatType.ToLower();
switch (formatType)
{
case "yyyy-mm-dd":
dateFormat = "yyyy-MM-dd";
break;
case "yyyy-mm-dd hh:mm:ss":
dateFormat = "yyyy-MM-dd HH:mm:ss";
break;
case "mm-dd":
dateFormat = "MM-dd";
break;
case "hh:mm:ss":
dateFormat = "HH:mm:ss";
break;
default:
dateFormat = "yyyy-MM-dd HH:mm:ss";
break;
}
}
else
{
dateFormat = "yyyy-MM-dd HH:mm:ss";
}
Response.Write(DateTime.Now.ToString(dateFormat));
}
}
}
work055
webform1.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="work055.WebForm1" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>AJAX控件,UpdatePanel示例,实现三级联动</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<asp:DropDownList ID="DropDownList1" runat="server" OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged" AutoPostBack="true">
<asp:ListItem>0</asp:ListItem>
<asp:ListItem>1</asp:ListItem>
<asp:ListItem>2</asp:ListItem>
<asp:ListItem>3</asp:ListItem>
<asp:ListItem>4</asp:ListItem>
<asp:ListItem>5</asp:ListItem>
<asp:ListItem>6</asp:ListItem>
<asp:ListItem>7</asp:ListItem>
<asp:ListItem>8</asp:ListItem>
<asp:ListItem>9</asp:ListItem>
</asp:DropDownList>
<asp:DropDownList ID="DropDownList2" runat="server" OnSelectedIndexChanged="DropDownList2_SelectedIndexChanged" AutoPostBack="true">
</asp:DropDownList>
<asp:DropDownList ID="DropDownList3" runat="server"></asp:DropDownList>
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="DropDownList1" EventName="SelectedIndexChanged" />
<asp:AsyncPostBackTrigger ControlID="DropDownList2" EventName="SelectedIndexChanged"/>
</Triggers>
</asp:UpdatePanel>
</div>
</form>
</body>
</html>
webform1.aspx.cs
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
namespace work055
{
public partial class WebForm1 : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)
{
int i = int.Parse(DropDownList1.SelectedValue);
DropDownList2.Items.Clear();
DropDownList3.Items.Clear();
if (i != 0)
{
for (int j = 0; j < 10; j++)
{
DropDownList2.Items.Add(i + "" + j);
}
}
}
protected void DropDownList2_SelectedIndexChanged(object sender, EventArgs e)
{
int j = int.Parse(DropDownList2.SelectedValue);
DropDownList3.Items.Clear();
for (int i = 0; i < 10; i++)
{
DropDownList3.Items.Add(j + "" + i);
}
}
}
}