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

How to display information related to the clicked item using javascript in asp.net?

本文关键字：单击 项目 信息 显示 javascript asp net      更新时间：2023-09-26

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