javascript - 使用javascript访问前端的后端变量

Question

我在后面的代码中将 Public 声明为 Dictonary :

 Public dics As New Dictionary(Of String, String()) From { _
{"picture", New String() {".jpeg", ".jpg", ".png", ".bmp", ".gif", ".tif"}}, _
{"document", New String() {".doc", ".docx", ".txt", ".htm", ".html", ".xml", ".xaml", ".css"}}, _
{"excel", New String() {".xls", ".xlsx", ".xlt", ".xla"}}, _
{"pdf", New String() {".pdf"}}, _
{"zip", New String() {".7z", ".APK", ".BAT", ".rar", ".dll", ".jar", ".zip"}}, _
{"ppt", New String() {".ppt", ".pos", ".pps"}}}

编辑:

如果我这样做

function myFunction() {
       var dic = "<%= dics %>";
       var array_keys = new Array();
       var array_values = new Array();
       for (var key in dic) {
           alert(key);
        }
     }

将警报显示为

我如何在 javascript 中访问这个 Dictonary 来做一些操作

Answer 1

目前看来您需要将字典序列化为 javascript 对象，然后将其粘贴到您的 JavaScript 中。您可以使用任何库进行序列化。例如。 Newtosoft.Json .像这样:

function myFunction() {
   var dic = <%= Newtonsoft.Json.JsonConvert.SerializeObject(dics) %>;
   var array_keys = new Array();
   var array_values = new Array();
   for (var key in dic) {
       alert(key);
    }
 }

请注意，我删除了引号。

但我建议您放弃这种方法，不要混合使用 JavaScript 和 ASP.Net 代码。所以在我看来，你应该通过 AJAX 加载这本词典，或者如果不可能的话，将 ASP.Net 放在其他地方。例如:

查看:

<input type="hidden" id="dictionaryInput" value="<%=Newtonsoft.Json.JsonConvert.SerializeObject(dics)%> />

JavaScript:

function myFunction() {
   var dicInput = document.getElementById('dictionaryInput');
   var dic = JSON.parse(dicInput.value);
   var array_keys = new Array();
   var array_values = new Array();
   for (var key in dic) {
       alert(key);
    }
 }

希望对您有所帮助。