c# - ASP.NET MVC 将带空格的字符串模型列表转换为 javascript 数组

Question

我正在使用 ASP.NET MVC(带 Razor)和 JQuery

我的 Controller 中有一个字符串列表，我使用以下列表渲染传入模型的部分 View 。

List<string> list = new List<string>();
list.Add("Texas");
list.Add("New York");

在我的 cshtml 文件端的客户端上，我有:

<div id = "test", test-att = @Html.Raw(Json.Encode(Model.list)) />

在我的 javascript 文件中:

var javascriptArray = JSON.parse($('#test').attr('test-att'));

我收到“意外的输入结束”错误。

使用 Chrome 开发工具控制台我看到以下内容:

$('#test') : <div id ="test" test-att = "["Texas", "New" York"]>

$('#test').attr('test-att') : "["Texas","New"

我期待:["Texas","New York"]"

看起来它因为在 JSON.parse 中传递之前的空间而变得困惑。它似乎在找到空间时停止。

关于如何解决这个问题有什么想法吗？

Answer 1

将您的 JSON 放在单引号不是双引号字符之间:

<div id = "test" test-att = '@Html.Raw(Json.Encode(Model.list))' />