Невозможно использовать данные моей модели в javascript

Question

Не могли бы вы помочь мне найти то, что я делаю неправильно?

В моей модели есть поле [], которое называется AllKnownColors. Я пытаюсь использовать его в моем javascript-коде, например:

var clrs = JSON.parse('@Html.Raw(Model.AllKnownColors)'); 

Но это не работает. Отладчик показывает мне это:

var clrs = JSON.parse('System.String[]'); 

и следующее сообщение об ошибке: неперехваченным SyntaxError: Неожиданный маркер S

И я не могу понять, что это неправильно.

Спасибо.

Answer 1

Model.AllKnownColors является массив string. Html.Raw принимает один аргумент string. Поскольку Model.AllKnownColors не является string, структура C# вызывает метод объекта ToString. По умолчанию ToString возвращает имя типа объекта.

Если вы пытаетесь использовать чистую строку цветов, вы можете сделать что-то вроде этого, вместо:

var clrs = '@string.Join(", ", Model.AllKnownColors)'; 

Если вы на самом деле хотите превратить Model.AllKnownColors в массив JavaScript, вы можете сделать это:

var clrs = @Html.Raw(Json.Encode(Model.AllKnownColors)); 

Обратите внимание, что в обоих случаях JSON.parse не требуется.

Answer 2

Код

var clrs = JSON.parse('@Html.Raw(Model.AllKnownColors)'); 

похож на

var clrs = JSON.parse('@Html.Raw(Model.AllKnownColors.ToString())'); 

Вы должны преобразовать Model.AllKnownColors в JSON. Вы можете использовать Newtonsoft JSON для этой цели.

var clrs = JSON.parse('@Html.Raw(JsonConvert.SerializeObject(Model.AllKnownColors))'); 

Или вы можете написать собственный метод для преобразования. Newtonsoft JSON - это простой и удобный выбор. Ваши собственные методы могут быть более быстрыми.