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

核心提示： 五：建立Web Service调用UserInfoCompontent类的方法(因为Web Service才是与JavaScript交互的组件层)[ScriptService]public class UserInfoWebService : System.Web.Services.Web

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

[ScriptService]
public class UserInfoWebService : System.Web.Services.WebService {
　　
　　UserInfoComponent user = new UserInfoComponent();
　　
　　public UserInfoWebService () {
　　
　　　　//如果使用设计的组件，请取消注释以下行
　　　　//InitializeComponent();
　　}
　　
　　[WebMethod]
　　public UserInfo GetUserInfo(int id)
　　{
　　　　return user.Query(id);
　　}
}

六：建立ASPX页面Default.aspx并在页面上拽一个GridView控件,调用UserInfoCompontent把数据库的数据显示出来.

UserInfoComponent user = new UserInfoComponent();
　　protected void Page_Load(object sender, EventArgs e)
　　{
　　　　if (!IsPostBack)
　　　　{
　　　　　　DataBindGridView();
　　　　}
　　}
　　
　　private void DataBindGridView()
　　{
　　　　this.GridView1.DataSource = user.QueryAll();
　　　　this.GridView1.DataBind();
　　}

七：在上一步建立的ASPX页面里定义与Web Service交互的JavaScript方法,处理发送请求和响应请求的相关操作.这一步就是关键了。实现了在客户断通过JavaScript于Web Servie通信，查询数据库并返回查询结果到页面上。

同上一篇文章一样，需要在页面上放置一个ScriptManager控件，应该他是ASP.NET AJAX的核心。每一个ASP.NET AJAX程序的页面上都必须要有一个ScriptManager控件。并指向先前我门定义好的Web Service。如下：