您的位置:首页 > 产品设计 > UI/UE

ajax 笔记--不刷新实现简单的留言版 guestBook

2006-10-21 22:24 441 查看
下面是guest Book.aspx.cs代码

using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;

using System.Text;
using GetCommand;

public partial class Ajax_guestBook : System.Web.UI.Page

-----------------------------------
下面是 guestBook.aspx html代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>留言簿</title>
</head>
<body onload="btn_ShowGuestBookContent();">
<form id="form1" runat="server" >
<div>
<table border="1">
<tr>
<td style="width: 100px">
昵称:</td>
<td style="width: 100px">
<input type="text" onmouseover="Clear_txtNickName();" id="txtNickName" value="小土呢" />
</td>
<td style="width: 100px">
QQ</td>
<td style="width: 100px">
<input type="text" onmouseover="Clear_txtQQ();" id="txtQQ" value="281827047" /></td>
</tr>
<tr>
<td style="width: 100px">
电话号码:</td>
<td style="width: 100px">
<input type="text" onmouseover="Clear_txtTel();" id="txtTel" value="13733377325" /></td>
<td style="width: 100px">
MSN</td>
<td style="width: 100px">
<input type="text" onmouseover="Clear_txtMSN();" id="txtMSN" value="xiaotuni@hotmail.com" /></td>
</tr>
<tr>
<td style="width: 100px; height: 42px;">
内容:</td>
<td colspan="3" style="height: 42px">
<textarea cols="6" rows="6" id="txtContent" style ="width:100%"> 这是一简单无刷新实现留言版的例子</textarea>
</td>
</tr>
<tr>
<td style="width: 100px">
</td>
<td colspan="3">
<input type="button" onclick="AddGuestBook();" value="添加留言信息" id="btnAddGuestBook" />
</td>
</tr>
<tr>
<td style="width: 100px">
</td>
<td colspan="3">
Copyright :<a href ="http://xiaotuni.w1.kingtoo.com">xiaotuni</a></td>
</tr>
</table>

</div>
<div id ="GuestBook">
 </div>
</form>
</body>
</html>

----------------------------
下面是js代码

// JScript 文件

function AddGuestBook()
function btn_ClearControlsValue()
function btn_ShowGuestBookContent()
function BinderGuestBook(response)
var statue = 1;
function Clear_txtNickName()
function Clear_txtQQ()
function Clear_txtTel()
function Clear_txtMSN()

------------------------------------
数据guestBook表结构

USE [People]
GO
SET ANSI_NULLS ON
GO
SET QUOTED_IDENTIFIER ON
GO
CREATE TABLE [dbo].[GuestBook](
[guestBookID] [int] IDENTITY(1,1) NOT NULL,
[nickName] [nvarchar](16) COLLATE Chinese_PRC_CI_AS NULL,
[QQ] [nvarchar](11) COLLATE Chinese_PRC_CI_AS NULL,
[MSN] [nvarchar](35) COLLATE Chinese_PRC_CI_AS NULL,
[Tel] [nvarchar](13) COLLATE Chinese_PRC_CI_AS NULL,
[Content] [nvarchar](4000) COLLATE Chinese_PRC_CI_AS NULL,
[IssueTime] [datetime] NULL,
PRIMARY KEY CLUSTERED
(
[guestBookID] ASC
)WITH (IGNORE_DUP_KEY = OFF) ON [PRIMARY]
) ON [PRIMARY]
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: