jQuery 访问WebService 返回复合类型列表
2009-07-12 11:36 闫妍 阅读(111) 评论(0) 编辑 收藏 举报在上一篇文章的里已经有了此方法的实现,打开jQuery Ajax 方法调用 Asp.Net WebService 的详细例子(原创)的源码,在cs文件里面加入以下测试代码
(换了系统,没有安装Live Writer的插件,所以代码没有颜色)
/// <summary>
/// 返回一个复合类型集合列表
/// </summary>
/// <returns></returns>
[WebMethod]
public List<Class1> GetClassList()
{
List<Class1> list1 = new List<Class1>();
list1.Add(new Class1 { ID = "1", Value = "牛年大吉" });
list1.Add(new Class1 { ID = "2", Value = "朋友们你们好" });
list1.Add(new Class1 { ID = "3", Value = "我们又见面了" });
return list1;
}
在aspx文件里面加入以下代码(原有的代码4直接复制过来的)
//返回复合类型集合
$(document).ready(function() {
$('#btn6').click(function() {
$.ajax({
type: "POST",
contentType: "application/json",
url: "WebService1.asmx/GetClassList",
data: "{}",
dataType: 'json',
success: function(result) {
$(result.d).each(function() {
//alert(this);
$('#dictionary').append(this['ID'] + " " + this['Value']);
//alert(result.d.join(" | "));
});
}
});
});
});
添加一个按钮
<div class="button" id="btn6">
返回复合类型列表</div>
效果如下:
、