JavaScript与Web Service组合实现无刷新交互(扩展)－－查询数据库

核心提示：JavaScript与Web Service组合实现无刷新交互这篇文章我已经写得比较清楚了.客户端的 JavaScript怎么与服务端的Web Service进行通信达到无刷新的AJAX功能.今天我将接着这里给大家写一篇扩展性文章.希望对大家有所帮助.少说话多做事,我们还是直奔主题吧!先看看今天的扩展性文章涉及到的东东

JavaScript与Web Service组合实现无刷新交互这篇文章我已经写得比较清楚了.客户端的 JavaScript怎么与服务端的Web Service进行通信达到无刷新的AJAX功能.今天我将接着这里给大家写一篇扩展性文章.希望对大家有所帮助.

少说话多做事,我们还是直奔主题吧!先看看今天的扩展性文章涉及到的东东.

1.建立ASP.NET AJAX网站项目

2.建立MSSQL数据库test,并建立UserInfo表

3.建立与UserInfo表对应的实体类UserInfo,并定义好成员属性(get,set)

4.建立UserInfoCompontent组件类,封装数据的查询功能

5.建立Web Service调用UserInfoCompontent类的方法(因为Web Service才是与JavaScript交互的组件层)

6.建立ASPX页面,掉用UserInfoCompontent把数据库的数据显示出来.

7.在上一步建立的ASPX页面里定义与Web Service交互的JavaScript方法,处理发送请求和响应请求的相关操作.

一、二：第一、二步就不多说了吧，这两步要是就有问题的话我建议你可以转行干别的工作去了。下面是建立表的脚本：

if exists (select * from dbo.sysobjects where id = object_id(N'[dbo].[UserInfo]') and OBJECTPROPERTY
　 (id,
　 N'IsUserTable') = 1)
　 drop table [dbo].[UserInfo]
　 GO
　 CREATE TABLE [dbo].[UserInfo] (
　　[userId] [int] IDENTITY (1, 1) NOT NULL ,
　　[userName] [char] (10) COLLATE Chinese_PRC_CI_AS NULL ,
　　[userSex] [char] (10) COLLATE Chinese_PRC_CI_AS NULL ,
　　[userAge] [char] (10) COLLATE Chinese_PRC_CI_AS NULL ,
　　[userTelephone] [varchar] (11) COLLATE Chinese_PRC_CI_AS NULL ,
　　[userAddress] [varchar] (50) COLLATE Chinese_PRC_CI_AS NULL
　 ) ON [PRIMARY]
　 GO