如何在asp.net中使用javascript显示与所单击项目相关的信息

本文关键字:单击 项目 信息 显示 javascript asp net | 更新日期: 2023-09-27 17:51:22

我有ListBox中存储在服务器端某些数据结构中的所有项目的信息。在客户端单击我想显示与没有回发的单击项相关的信息。我想处理这个从客户端使用javascript。因为我是新的javascript,请告诉我我应该如何做到这一点。假设ListBox中有100个项目,那么我在c#代码中有一个包含100个项目的字典。字典键是项,键处的值是我想要显示给用户的信息。所以我可以在javascript代码中使用这个字典

如何在asp.net中使用javascript显示与所单击项目相关的信息

简而言之,我是这样做的:

  1. 创建一个返回json表示的服务,例如使用WebAPI:

    public class ValuesController : ApiController
    {
        private Dictionary<string, string> values = new Dictionary<string, string> 
        { 
            {"a", "aaaaaa"}, 
            {"b", "bbbbb"}, 
            {"c", "ccccccc"}
        };
        public Dictionary<string, string> Get()
        {
            return values;
        }
    }
    
  2. 当页面加载时,使用Javascript和jQuery通过ajax调用来消费服务

  3. 使用jQuery为列表框连接.change-event,这样当选择发生变化时,你就可以从从服务中获取的列表中选择要显示的信息。

    $(function() {
        // 2.
        $.getJSON("/api/Values", function (data) {
            // Store data in listbox 
        }
        // 3.
        $("#listbox").change(function () {
            // Display information
        });
    }