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]
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]
相关文章推荐
- ajax 笔记--不刷新实现简单的留言版 guestBook
- ajax 笔记--不刷新实现简单的留言版 guestBook
- ajaxpro实现无刷新更新数据库【简单方法】
- 简单Ajax实现无刷新提交表单并获取响应
- 用AjaxPro实现不刷新简单留言版
- 利用ajax实现简单的注册验证局部刷新实例
- ajax+servlet+css实现简单的页面刷新和显示控制
- ajax 笔记--不用刷新实现数据的分页显示 2 (下)
- ajax 笔记--不用刷新实现数据的分页显示
- AJAX学习明灯,简单示例:AJAX+存储过程实现无刷新简单登录验证功能!
- 简单三层+AJAX Control Toolkit实现dropdownlist无刷新联动
- jquery+ajax+C#实现无刷新操作数据库数据的简单实例
- 用 AJAX,局部刷新 GridView 进行数据绑定的简单实现
- AJAX PHP无刷新form表单提交的简单实现(推荐)
- php+JQuery+Ajax简单实现页面异步刷新 (转)
- 利用xmlHttp实现一个简单的Ajax无刷新
- Ajax实现局部刷新和异步处理简单应用(实现简单注册验证)
- jquery+ajax+C#实现无刷新操作数据库数据的简单实例
- [持续更新]HTML5学习笔记(五)简单Ajax实现
- 将form表单通过ajax实现无刷新提交的简单实例