在上一篇文章的里已经有了此方法的实现,打开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>
效果如下:
、
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步