首页 / 脚本样式 / Ajax / ASP.NET AJAX客户端编程之旅（三）

ASP.NET AJAX客户端编程之旅（三）2010-02-11 博客园 T2噬菌体ASP.NET AJAX客户端编程之旅（三）——让JavaScript和C#无障碍沟通：数据类型自动转换&序列化

通过前两篇文章，我们知道使用了ASP.NET AJAX框架后，在JavaScript中调用后台WebService方法非常方便，几乎可以看做是“直接调用”。那么，这里引出了一个问题：调用方法就牵扯到参数的传递，而JavaScript和C#毕竟是两种不同的语言，数据类型怎么沟通？简单型数据类型还好说，如果我们需要的参数是个复杂类型呢？如分层架构中经常用到实体类做参数，我们在后台定义实体类类型，但是JavaScript可不知道这种定义，也没有相应数据类型，那么要如何解决这个问题呢？再进一步，如果需要的参数是个泛型集合呢？在JavaScript中又要如何表示这种类型？这一篇将解决这些问题。

先来看ASP.NET AJAX给你变个魔术

我们都知道，使用分层架构开发系统时，使用实体类作为参数很很普遍的。那么如果我们需要调用的某个后台方法中需要实体类做参数，应该如何进行呢？毕竟C#中定义的实体类在JavaScript中可不认识啊。先不要着急，跟我做以下几步，我们一起来看个魔术。

1.新建一个ASP.NET AJAX Enabled Web Site工程，并添加系统文件夹App_Code。

2.我们在App_Code里新建一个C#类文件StudentInfo.cs，其内容如下：

StudentInfo.cs:

1using System;
2
3[Serializable]
4public class StudentInfo
5{
6 private string _name;
7 private int _age;
8 private string _college;
9
10 public StudentInfo（） { }
11
12 public string Name
13 {
14 get { return this._name; }
15 set { this._name = value; }
16 }
17
18 public int Age
19 {
20 get { return this._age; }
21 set { this._age = value; }
22 }
23
24 public string College
25 {
26 get { return this._college; }
27 set { this._college = value; }
28 }
29}

这是一个典型的实体类，相信做过分层架构的朋友一定经常使用到类似的代码。这里要特别注意两点：一是这个类上面有一个[Serializeable]属性，这表明此类可以被序列化，另外就是这个类有一个空的构造函数。

3.接着，我们在网站根目录下添加一个WebService：StudentService.asmx，其代码如下：

StudentService.cs:

1using System;
2using System.Web;
3using System.Collections;
4using System.Web.Services;
5using System.Web.Services.Protocols;
6using System.Web.Script.Services;
7
8[WebService（Namespace = "http://tempuri.org/"）]
9[WebServiceBinding（ConformsTo = WsiProfiles.BasicProfile1_1）]
10[ScriptService]
11[GenerateScriptType（typeof（StudentInfo））]
12public class StudentService : System.Web.Services.WebService
13{
14 public StudentService（） { }
15
16 [WebMethod]
17 public string ShowStudentInfo（StudentInfo student）
18 {
19 return "学生姓名：" + student.Name + "<br />年龄：" + student.Age + "<br />所在院系：" + student.College;
20 }
21}

ShowStudentInfo这个方法接收一个StudentInfo类型的参数，并根据这个实体类的信息组合成一段字符串返回。