用AjaxPro操作泛型集合

最新推荐文章于 2024-04-06 14:42:41 发布

原创最新推荐文章于 2024-04-06 14:42:41 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#callback #string #random #function #list #javascript

asp.net 专栏收录该内容

14 篇文章

订阅专栏

本文介绍了一种通过Ajax异步获取服务器端产品列表的方法，并展示了如何在客户端展示这些产品信息。利用C#创建了一个简单的实体类Product，服务器端通过Ajax返回一个包含Product实例的列表，客户端JavaScript负责调用该服务并显示产品编号和名称。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这个返回List<string> 是同一个思路

只不过现在在List中的类型是一个实体类（大部分情况下我们都这么用）

先看下实体类

这个实体类没有什么突出的地方，就是一般的实体类

/// <summary> /// 产品的摘要说明 /// </summary> public class Product { public Product() { } private int _proId; public int ProId { get { return _proId; } set { _proId = value; } } private string _proName; public string ProName { get { return _proName; } set { _proName = value; } } }

在看下页面中后置文件的部分

protected void Page_Load(object sender, EventArgs e) { AjaxPro.Utility.RegisterTypeForAjax(typeof(w_AjaxListPro)); } [AjaxPro.AjaxMethod] public List<Product> GetProducts() { List<Product> list = new List<Product>(); string[] strs = new string[] { "鞋子","上衣","裤子","内衣","手套"}; Random r = new Random(); for (int i = 0; i < 10; i++) { Product pro = new Product(); pro.ProId = i; pro.ProName = strs[r.Next(strs.Length)]; list.Add(pro); } return list; }

这两个方法应该也是比较熟悉的了

再来看看页面的代码

<mce:script language="javascript" type="text/javascript"></mce:script> </head> <body> <form id="form1" runat="server"> <a href="#" mce_href="#" onclick="GetPros();">获得产品信息（返回泛型）</a> <div id="divPros"> </div> </form> </body>

如下截图