logo标签列表

如何从C#（服务器）传递字典到JavaScript（客户端）

javascriptc#asp.net.net
4

我有一个用C#编写的函数，用于构建字典。我需要将这个字典传递给我的JavaScript函数。

这是我尝试过的方法：

我的服务器函数：

  public partial class login : System.Web.UI.Page
    {
        protected Dictionary<string, string> GetTradingTypeToSelect()
            {
                Dictionary<string, string> dict = new Dictionary<string, string>();
                try {  
               string Types =GetString("some text);
               var items = Types.Split(new[] { ';' }, StringSplitOptions.RemoveEmptyEntries)
    .Select(s => s.Split(new[] { '=' }));

                foreach (var item in items)
                {
                    dict.Add(item[1], item[0]);

                }
    //this working 100%
                }
                catch (Exception ex)
                {

                }
                return dict;
            }
}

我的客户：

$(document).ready(function () {

    $("#Account").keyup(function () {

        var TradingTypeToSelect = '<%=GetTradingTypeToSelect();%>';
//TradingTypeToSelect  is equals to string '<%=GetTradingTypeToSelect();%>' 
        var test = TradingTypeToSelect[0].key;
        var test2 = TradingTypeToSelect[0].value;



    });

 });

我在这里缺失了什么？

你可以使用ajax post方法。查看此链接：https://dev59.com/Fmsz5IYBdhLWcg3wmpP0 - Ponmani Chinnaswamy
@PonmaniChinnaswamy 为什么发帖？如果楼主需要获取数据而没有发送任何参数怎么办呢？ - Mateusz
3个回答
2
您可以在代码后端创建一个 [WebMethod]，并使用 $.ajax 从 javascript 调用它。下面是一个完整的示例：

代码后端：

[System.Web.Services.WebMethod]
public static Dictionary<string, string> GetTradingTypeToSelect()
{
    var dict = new Dictionary<string, string>();
    dict.Add("1", "Item 1");
    dict.Add("2", "Item 2");
    return dict;
}

.ASPX:

<head runat="server">
    <title></title>
    <script src="//code.jquery.com/jquery-1.12.3.min.js"></script>
    <script type="text/javascript">
        $(function () {

            $("#Account").keyup(function () {
                $.ajax({
                    type: "POST",
                    url: "AjaxCallExample.aspx/GetTradingTypeToSelect",
                    contentType: "application/json;charset=utf-8",
                    success: function (data) {
                        alert(data.d["1"]);
                        alert(data.d["2"]);
                    },
                    error: function (errordata) {
                        console.log(errordata);
                    }
                });
            });
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <input id="Account" type="text" />
    </form>
</body>
1
如何在视图模型中公开字典呢？
public Dictionary<string, string> TradingTypesToSelect { get; set; }

在<script>块内迭代字典，创建JavaScript关联数组，如下所示：

<script>
    var tradingTypesToSelect = {};
    <% foreach (var tradingType in Model.TradingTypesToSelect) { %>
        tradingTypesToSelect["<%= tradingType.Key %>"] = "<%= tradingType.Value %>";
    <% } %>
</script>

至少这样你不需要再发起另一个调用（通过AJAX）来检索额外的数据。

0
为什么要选择AJAX，而不是在第一次请求中添加HTML数据标签中的数据？ - Mateusz
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接