使用AJAX返回WebService里的集合具体实现

在现代Web开发中，我们经常需要从后端WebService获取数据并在前端展示。今天，我将通过一个生动的实例，展示如何使用AJAX来调用WebService里的集合，并将数据展示在网页上。如果你对这方面感兴趣，不妨参考下面的完美实现。

让我们看一下WebService的部分。假设你有一个名为WebService1的Web服务，里面有一个GetList方法，用于返回字符串列表。为了使ASP.NET AJAX能够调用此Web服务，你需要确保相关脚本服务已经启用。

WebService1的代码大致如下：

```csharp

[System.Web.Script.Services.ScriptService]

public class WebService1 : System.Web.Services.WebService

{

[WebMethod]

public List GetList()

{

List list = new List();

list.Add("王一");

list.Add("22");

list.Add("河北");

return list;

}

}

```

接下来，我们在HTML页面上进行操作。在HTMLPage1.htm中，我们需要引入jQuery库，并利用jQuery的AJAX功能来调用WebService。以下是相关代码：

```html

```

上述代码中，当用户点击ID为Button1的按钮时，会触发AJAX请求，调用WebService的GetList方法。成功后，将返回的数据拼接成字符串，并显示在ID为mydiv的元素中。这样，我们就成功实现了使用AJAX从WebService获取集合数据并在前端展示的功能。希望这个例子能对你有所帮助！