ASP.NET和AJAX简洁教程

介绍

尽管AJAX是种客户端技术，但实际上的开发过程，它经常要调用一个服务器端的过程。通常，网站上的数据是存放在一个关系型数据库中，为了让AJAX更有用处，处理服务器端数据需要一种简单可靠的方法。幸运的是， AJAX提供了一种有效的基础架构来做这件事情，浏览器和服务器在Internet上可以进行AJAX通信。自然而然，Web Service在数据传输和客户端/服务器之间的一般通信方面可以扮演一个重要角色。本文就演示了如果通过 AJAX调用 web services。

软件需求

本文所有的范例都是使用 AJAX RC版，而且，要在SQL Server 2005 (Express版即可)上有一个Northwind数据库。范例使用Visual Studio 2005作为开发环境。

范例场景

范例开发了一个Web页面，用于输入Northwind数据库职员表中的职员数据。页面通过 AJAX功能，调用一个Web Service来完成职员表中的数据增、删、改、查。

创建一个Web Service

作为开始，使用Visual Studio 2005创建一个新的Web站点，注意把 AJAX项目模板添加到新站点对话框，这个对话框包括一个" AJAX Enabled Web Site" 模板。

图1：新站点创建模板

使用" AJAX Enabled Web Site" 模板创建的新站点和用普通方法创建的站点区别如下：·它的Web.config自动包括许多 AJAX专用的配置信息。

·System.Web.Extensions程序集被添加到引用中。

当然，我们可以更改一个普通的Web站点，以使之符合AJAX要求，但模板可以大大简化我们的工作。

现在我们创建了一个新的Web站点，添加一个新的web service并命名为EmployeeService.asmx，EmployeeService将包括5个Web方法

Method Name Description

GetEmployees() 返回Employees表里的雇员列表。这个列表是一个

Employee对象数组

GetEmployee() 接收EmployeeID参数返回Employee对象的详细信息Insert() 给Employees表里增加一个新的雇员信息

Update() 更新Employees表里的某个雇员信息

Delete() 删除Employees表里的某个雇员信息

表1：EmployeeService中的Web方法

GetEmployees() 和GetEmployee()方法以Employee对象的形式返回数据，因此，首先创建一个Employee类。右键单击App_Code文件夹，选择“添加新项…”，添加一个叫Employee的类，下面显示Employee类的全部代码：

public class Employee

{

private int intEmployeeID;

private string strFirstName;

private string strLastName;

public int EmployeeID

{

get

{

return intEmployeeID;

}

set

{

intEmployeeID = value;

}

}

public string FirstName

{

get

{

return strFirstName;

}

set

{

strFirstName = value;

}

}

public string LastName

{

get

{

return strLastName;

}

set

{

strLastName = value;

}

}

}

Employee类申明三个Private变量来分别存放employee ID, first name和last name，三个变量再封装在三个public属性中：EmployeeID, FirstName和LastName。

打开web.config文件，添加部分如下：

"data source=.\sqlexpress;

initial catalog=northwind;

integrated security=true"/>

这部分存放数据库链接字符串，用于指向Northwind数据库，确保修改SqlServer名称、IP地址以及验证方式以和我们的开发环境相符。

现在，打开EmployeeService.cs添加如下代码：

private string strConn = "";

public EmployeeService()

{

strConn = ConfigurationManager.ConnectionStrings["connstr"].

ConnectionString;

}

代码使用了ConfigurationManager类来读取配置文件中的数据库链接字符串，并存放在一个类级别的变量strConn中，这个变量将被下面的所有Web Method所使用。

现在，添加GetEmployees() web method：

[WebMethod]

public Employee[] GetEmployees()

{

SqlConnection cnn = new SqlConnection(strConn);

cnn.Open();

SqlCommand cmd = new SqlCommand();

cmd.Connection = cnn;

mandText = "select employeeid,firstname,

lastname from employees";

SqlDataReader reader = cmd.ExecuteReader();

List list = new List();

while (reader.Read())

{

Employee emp = new Employee();

emp.EmployeeID = reader.GetInt32(0);

emp.FirstName = reader.GetString(1);

stName = reader.GetString(2);

list.Add(emp);

}

reader.Close();

cnn.Close();

return list.ToArray();

}

代码创建了SqlConnection and SqlCommand 对象，然后执行SELECT查询，以获取Employees表中EmployeeID, FirstName 和LastName字段。结果通过SqlDataReader返回。然后，创建一个generic-based Employee数组，通过While循环，给每个Employee实例的属性赋值。当While循环完毕的时候，关闭SqlDataReader 和SqlConnection。GetEmployees()方法返回的类型是Employee数组。因此，generic List使用List类中的ToArray()方法来转换成Employee数组。

现在，添加一个GetEmployee() web method如下：