您可以通过执行以下操作将整个服务器端模型转换为 Javascript 对象：

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

在您的情况下，如果您只想要 FloorPlanSettings 对象，只需传递该Encode属性的方法：

var floorplanSettings = @Html.Raw(Json.Encode(Model.FloorPlanSettings));

答案的内容

1) 如何在.cshtml文件中的 Javascript/Jquery 代码块中访问模型数据

2) 如何在.js文件中的 Javascript/Jquery 代码块中访问模型数据

如何在.cshtml文件中的 Javascript/Jquery 代码块中访问模型数据

有两种类型的 c# 变量 ( Model) 赋值给 JavaScript 变量。

1. 财产分配-基本数据类型一样int，string，DateTime（例如：Model.Name）
2. 对象分配- 自定义或内置类（例如：Model，Model.UserSettingsObj）

让我们来看看这两个任务的细节。

对于其余的答案，让我们以下面的AppUser模型为例。

public class AppUser
{
    public string Name { get; set; }
    public bool IsAuthenticated { get; set; }
    public DateTime LoginDateTime { get; set; }
    public int Age { get; set; }
    public string UserIconHTML { get; set; }
}

我们分配给这个模型的值是

AppUser appUser = new AppUser
{
    Name = "Raj",
    IsAuthenticated = true,
    LoginDateTime = DateTime.Now,
    Age = 26,
    UserIconHTML = "<i class='fa fa-users'></i>"
};

财产分配

让我们使用不同的语法进行赋值并观察结果。

1)不将属性赋值用引号括起来。

var Name = @Model.Name;  
var Age = @Model.Age;
var LoginTime = @Model.LoginDateTime; 
var IsAuthenticated = @Model.IsAuthenticated;   
var IconHtml = @Model.UserIconHTML;  

正如你可以看到有几个错误的，Raj并且True被认为是JavaScript的变量，因为他们不存在，它的variable undefined错误。对于 dateTime 变量，错误是unexpected number数字不能包含特殊字符，HTML 标记被转换为其实体名称，以便浏览器不会混淆您的值和 HTML 标记。

2)在报价中包装属性分配。

var Name = '@Model.Name';
var Age = '@Model.Age';
var LoginTime = '@Model.LoginDateTime';
var IsAuthenticated = '@Model.IsAuthenticated';
var IconHtml = '@Model.UserIconHTML'; 

结果是有效的，因此将属性赋值用引号括起来为我们提供了有效的语法。但请注意，数字Age现在是一个字符串，因此如果您不想要，我们可以删除引号，它将被呈现为数字类型。

3)使用@Html.Raw但不用引号括起来

 var Name = @Html.Raw(Model.Name);
 var Age = @Html.Raw(Model.Age);
 var LoginTime = @Html.Raw(Model.LoginDateTime);
 var IsAuthenticated = @Html.Raw(Model.IsAuthenticated);
 var IconHtml = @Html.Raw(Model.UserIconHTML);

结果与我们的测试用例 1 类似。但是@Html.Raw()在HTML字符串上使用确实给我们带来了一些变化。保留 HTML 而不更改其实体名称。

来自文档Html.Raw()

将 HTML 标记包装在 HtmlString 实例中，以便将其解释为 HTML 标记。

但是我们在其他行中仍然有错误。

4)使用@Html.Raw并用引号括起来

var Name ='@Html.Raw(Model.Name)';
var Age = '@Html.Raw(Model.Age)';
var LoginTime = '@Html.Raw(Model.LoginDateTime)';
var IsAuthenticated = '@Html.Raw(Model.IsAuthenticated)';
var IconHtml = '@Html.Raw(Model.UserIconHTML)';

所有类型的结果都很好。但是我们的HTML数据现在已损坏，这将破坏脚本。问题是因为我们使用单引号'来包装数据，甚至数据也有单引号。

我们可以通过两种方法解决这个问题。

1) 使用双引号" "将 HTML 部分包裹起来。由于内部数据只有单引号。（请确保在用双引号包裹"后，数据中也没有）

  var IconHtml = "@Html.Raw(Model.UserIconHTML)";

2）转义服务器端代码中的字符含义。喜欢

  UserIconHTML = "<i class=\"fa fa-users\"></i>"

财产转让的结论

• 对非数字数据类型使用引号。
• 不要对数字数据类型使用引号。
• 用于Html.Raw按原样解释 HTML 数据。
• 照顾好您的 HTML 数据以在服务器端转义引号的含义，或者在分配给 javascript 变量期间使用与数据中不同的引号。

对象分配

让我们使用不同的语法进行赋值并观察结果。

1)不将对象赋值用引号括起来。

  var userObj = @Model; 

当您将 ac# 对象分配给 javascript 变量.ToString()时，将分配该对象的值。于是有了上面的结果。

2用引号包裹对象赋值

var userObj = '@Model'; 

3)Html.Raw不带引号使用。

   var userObj = @Html.Raw(Model); 

4）使用Html.Raw以及股价

   var userObj = '@Html.Raw(Model)'; 

在Html.Raw没有多大用处的为我们而分配对象变量。

5)Json.Encode()不带引号使用

var userObj = @Json.Encode(Model); 

//result is like
var userObj = {"Name":"Raj",
               "IsAuthenticated":true,
               "LoginDateTime":"\/Date(1482572875150)\/",
               "Age":26,
               "UserIconHTML":"\u003ci class=\"fa fa-users\"\u003e\u003c/i\u003e"
              };

我们确实看到了一些变化，我们看到我们的模型被解释为一个对象。但是我们把那些特殊字符改成了entity names. 将上述语法用引号括起来也没什么用。我们只是在引号内得到相同的结果。

来自Json.Encode()的文档

将数据对象转换为 JavaScript 对象表示法 (JSON) 格式的字符串。

因为您已经在entity Name属性分配中遇到过这个问题，如果您还记得我们通过使用Html.Raw. 所以让我们试试看。让我们结合Html.Raw和Json.Encode

6)使用Html.Raw和Json.Encode不使用引号。

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

结果是一个有效的Javascript 对象

 var userObj = {"Name":"Raj",
     "IsAuthenticated":true,
     "LoginDateTime":"\/Date(1482573224421)\/",
     "Age":26,
     "UserIconHTML":"\u003ci class=\"fa fa-users\"\u003e\u003c/i\u003e"
 };

7)在引号内使用Html.Raw和Json.Encode。

var userObj = '@Html.Raw(Json.Encode(Model))';

如您所见，用引号括起来为我们提供了一个JSON 数据

关于对象分配的结论

• 使用Html.Raw和Json.Encode组合将您的对象作为JavaScript 对象分配给 javascript 变量。
• 使用Html.Raw并将其Json.Encode包装在其中quotes以获取JSON

注意：如果您观察到 DataTime 数据格式不正确。这是因为如前所述Converts a data object to a string that is in the JavaScript Object Notation (JSON) format，JSON 不包含date类型。解决此问题的其他选项是添加另一行代码以使用javascipt Date()对象单独处理此类型

var userObj.LoginDateTime = new Date('@Html.Raw(Model.LoginDateTime)'); 
//without Json.Encode

如何在.js文件中的 Javascript/Jquery 代码块中访问模型数据

Razor 语法在.js文件中没有意义，因此我们不能直接在文件中使用我们的模型.js。但是，有一个解决方法。

1)解决方案是使用javascript 全局变量。

我们必须将值分配给全局作用域的 javascipt 变量，然后在您.cshtml和.js文件的所有代码块中使用该变量。所以语法是

<script type="text/javascript">
  var userObj = @Html.Raw(Json.Encode(Model)); //For javascript object
  var userJsonObj = '@Html.Raw(Json.Encode(Model))'; //For json data
</script>

有了这个地方，我们可以利用变量userObj和userJsonObj作为并在需要时。

注意：我个人不建议使用全局变量，因为它很难维护。但是，如果您没有其他选择，那么您可以使用它并具有适当的命名约定.. 类似于userAppDetails_global.

2)使用function()或closure 将所有依赖于模型数据的代码包装在一个函数中。然后从.cshtml文件中执行这个函数。

external.js

 function userDataDependent(userObj){
  //.... related code
 }

.cshtml 文件

 <script type="text/javascript">
  userDataDependent(@Html.Raw(Json.Encode(Model))); //execute the function     
</script>

注意：必须在上述脚本之前引用您的外部文件。否则userDataDependent函数未定义。

另请注意，该函数也必须在全局范围内。因此，无论是哪种解决方案，我们都必须与全球范围的参与者打交道。

试试这个：（你错过了单引号）

var floorplanSettings = '@Html.Raw(Json.Encode(Model.FloorPlanSettings))';

围绕 parens 包装模型属性对我有用。您仍然会遇到 Visual Studio 抱怨分号的相同问题，但它有效。

var closedStatusId = @(Model.ClosedStatusId);

我知道为时已晚，但此解决方案对 .net 框架和 .net 核心都非常有效：

@System.Web.HttpUtility.JavaScriptStringEncode()