Pase C# matriz ASP.NET a la matriz Javascript

Question

¿Alguien sabe cómo pasar una matriz C# ASP.NET a una matriz JavaScript? El código de muestra también será bueno.

Disculpa si fui vago antes chicos. La pregunta es bastante simple. Digamos que para simplificar, que en mi archivo aspx.cs Declaro:

int [] numbers = new int[5]; 

Ahora quiero pasar numbers al lado del cliente y utilizar los datos de la matriz dentro de JavaScript. ¿Cómo haría esto?

Answer 1

Puede usar ClientScript.RegisterStartUpScript para inyectar javascript en la página en Page_Load.

Aquí hay un enlace a la referencia de MSDN: http://msdn.microsoft.com/en-us/library/asz8zsxy.aspx

Aquí está el código de Page_Load:

List<string> tempString = new List<string>(); 
    tempString.Add("Hello"); 
    tempString.Add("World"); 

    StringBuilder sb = new StringBuilder(); 
    sb.Append("<script>"); 
    sb.Append("var testArray = new Array;"); 
    foreach(string str in tempString) 
    { 
    sb.Append("testArray.push('" + str + "');"); 
    } 
    sb.Append("</script>"); 

    ClientScript.RegisterStartupScript(this.GetType(), "TestArrayScript", sb.ToString()); 

Notas: El uso de StringBuilder para crear la cadena de la escritura, ya que probablemente será largo.

Y aquí está el Javascript que comprueba la matriz inyectada "TestArray" antes de poder trabajar con él:

if (testArray) 
{ 
    // do something with testArray 
} 

Hay 2 problemas aquí:

1. Algunos consideran que esta intrusiva para C# para inyectar Javascript

2. Tendremos que declarar la matriz en un contexto global

Si no puede vivir con eso, otra forma sería hacer que el código C# guarde el Array en Ver Estado, luego haga que JavaScript use PageMethods (o servicios web) para devolverle la llamada al servidor y obtener Ver el objeto de estado como una matriz. Pero creo que puede ser exagerado para algo como esto.

Answer 2

serializarlo con System.Web.Script.Serialization.JavaScriptSerializer clase y asignar a javascript var

muestra ficticia:

<% var serializer = new System.Web.Script.Serialization.JavaScriptSerializer(); %> 
var jsVariable = <%= serializer.Serialize(array) %>; 

Answer 3

En el archivo de página:

<script type="text/javascript"> 
    var a = eval('[<% =string.Join(", ", numbers) %>]'); 
</script> 

mientras que en código detrás:

public int[] numbers = WhatEverGetTheArray(); 

Answer 4

Esto es para complementar la respuesta de zerkms.

Para pasar los datos a través de las barreras de idioma, necesitaría una forma de representar los datos como una cadena serializando los datos. Uno de los métodos de serialización para JavaScript es JSON. En el ejemplo de zerkms, el código se colocaría dentro de una página aspx.Para combinar su ejemplo y los suyos juntos en una página aspx, que tendría,

<% 
    int[] numbers = new int[5]; 
    // Fill up numbers... 

    var serializer = new System.Web.Script.Serialization.JavaScriptSerializer(); 
%> 

algún lugar más adelante en la página aspx

<script type="text/javascript"> 
    var jsVariable = <%= serializer.Serialize(numbers) %>; 
</script> 

Esta respuesta, sin embargo, asume que se está generando JavaScript de la página inicial carga. Según los comentarios en su publicación, esto podría haberse hecho a través de AJAX. En ese caso, haría que el servidor responda con el resultado de la serialización y luego lo deserialice en JavaScript utilizando su marco de trabajo favorito.

Nota: Tampoco marque esto como una respuesta, ya que quería que el resaltado de sintaxis haga que otra respuesta sea más clara.

Answer 5

Para matriz de objetos:

var array= JSON.parse('@Newtonsoft.Json.JsonConvert.SerializeObject(numbers)'.replace(/"/g, "\"")); 

Para matriz de int:

var array= JSON.parse('@Newtonsoft.Json.JsonConvert.SerializeObject(numbers)'); 

Answer 6

Preparar una matriz (en mi caso es matriz 2D):

 // prepare a 2d array in c# 
     ArrayList header = new ArrayList { "Task Name", "Hours"}; 
     ArrayList data1 = new ArrayList {"Work", 2}; 
     ArrayList data2 = new ArrayList { "Eat", 2 }; 
     ArrayList data3 = new ArrayList { "Sleep", 2 }; 
     ArrayList data = new ArrayList {header, data1, data2, data3}; 
     // convert it in json 
     string dataStr = JsonConvert.SerializeObject(data, Formatting.None); 
     // store it in viewdata/ viewbag 
     ViewBag.Data = new HtmlString(dataStr); 

analizarlo en la vista.

<script>  
    var data = JSON.parse('@ViewBag.Data'); 
    console.log(data); 
</script> 

En su caso, puede usar directamente el nombre de la variable en lugar de ViewBag.Data.

Answer 7

Se me ocurrió esta situación similar y la resolví tranquilamente. Esto es lo que hice. Suponiendo que ya tiene el valor en matriz en su página aspx.cs.

1) Ponga un campo oculto en su página aspx y el identificador de campo oculto para almacenar el valor de la matriz.

HiddenField2.Value = string.Join(",", myarray); 

2) Ahora que el campo oculto tiene el valor almacenado, solo separado por comas. Use este campo oculto en JavaScript como este. Simplemente cree una matriz en JavaScript y luego almacene el valor en esa matriz eliminando las comas.

var hiddenfield2 = new Array(); 
hiddenfield2=document.getElementById('<%=HiddenField2.ClientID%>').value.split(','); 

Esto debería resolver su problema.