Truyền mảng từ MVC sang javascript?

Question

tôi có thể vượt qua một biến từ MVC ASP.NET bằng cách sử dụng này: tốt

var lastCategoryId = '<%=Model.CS.LastSelectedCategory %>'; 

Công việc này với chuỗi hoặc số nguyên nhưng làm thế nào để tôi làm với một mảng của chuỗi? Tôi đã cố gắng vượt qua mảng giống như vậy nhưng biến được đặt thành System.String []?

Answer 1

này nên làm

var someArray=[<%foreach (var s in myStringArray){%>'<%=s%>',<%}%>]; 

Answer 2

Bạn cần định dạng mảng thành cú pháp mảng JavaScript.

var someArray = [<%= Model.SomeArray.Select(x => "'" + x +"'") 
          .Aggregate((x,y) => x + ", " + y); %>]; 

Điều này sẽ bao quanh mỗi mục nhập bằng dấu ngoặc đơn và sau đó ghép chúng với dấu phẩy giữa dấu ngoặc vuông.

Đã cập nhật: đã xóa dấu ngoặc đơn thừa.

Answer 3

một cái gì đó như thế này:

<script type="text/javascript"> 
var myArr = [<%=string.Join(",", strArr.Select(o => "\"" + o + "\"")) %>]; 
</script> 

Answer 4

Bạn có thể JSON serialize nó. Bằng cách này có thể có thể vượt qua thậm chí giá trị phức tạp hơn và không lo lắng về việc thoát dấu ngoặc kép đơn giản, dấu ngoặc kép, vv:

var categoriesList = <%= new JavaScriptSerializer().Serialize(new[] { "value1", "value2" }) %>; 

Viết một helper HTML để làm điều này sẽ tốt hơn:

public static class HtmlExtensions 
{ 
    public static string JsonSerialize(this HtmlHelper htmlHelper, object value) 
    { 
     return new JavaScriptSerializer().Serialize(value); 
    } 
} 

và sau đó trong chế độ xem của bạn:

<script type="text/javascript"> 
    var categoriesList = <%= Html.JsonSerialize(new[] { "value1", "value2" }) %>; 
</script> 

Answer 5

Bạn có thể để .NET xử lý tất cả việc nâng hạng nặng cho bạn với dòng mã đơn giản này.

Giả sử bạn đang sử dụng cú pháp MVC Razor.

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

Đối với các phiên bản mới hơn của MVC, sử dụng:

var yourJavaScriptArray = @Html.Raw(Json.Serialize(Model.YourDotNetArray));

Answer 6

Chỉ muốn cung cấp một câu trả lời sử dụng Razor cú pháp:

Chúng tôi có một Dictionary<int, int> rằng chúng ta đang render cho một Sparkline jQuery, dưới dạng "mảng mảng".

var usageData = [ @string.Join(",", Model.UsageData.Select(d => string.Format("[{0},{1}]", d.Key, d.Value)).ToArray()) ]; 

nào được sử dụng như sau:

$('#sparkline').UsageSparkline(usageData, { tooltipFormatter: cachedTooltips }); 

Đây là những gì chúng tôi nhận được khi xem source:

var usageData = [ [-13,0],[-12,1],[-11,0],[-10,0],[-9,1],[-8,1],[-7,0],[-6,2],[-5,2],[-4,0],[-3,0],[-2,9],[-1,3],[0,4] ]; 
$('#sparkline').UsageSparkline(usageData, { tooltipFormatter: cachedTooltips }); 

Answer 7

Một lót:

var data = [@Html.Raw(String.Join(",", Model.MyArray.Select(i => "'" + i + "'")))]; 

Answer 8

Vì vậy, dễ dàng, s o đơn giản

<script type="text/javascript"> 
    var array = @Html.Raw(
     Json.Encode(
      (Model).Select(m=> new 
      { 
       id= m.ID, 
       name=m.Name 
      }) 
     ) 
    ); 
</script> 

Output là:

[{"id":1,"name":"Name of 1"}, {"id":2,"name":"Name of 2"}, ...]; 

Answer 9

Sử dụng Json.NET

var yourlist = JSON.parse('@Html.Raw(JsonConvert.SerializeObject(Model.YourList))');