¿Cómo se deben pasar los datos entre Javascript del lado del cliente y el código C # detrás de una aplicación ASP.NET?

Estoy buscando la forma más eficiente / estándar de pasar datos entre el código JavaScript del lado del cliente y el código C # detrás de una aplicación ASP.NET. He estado usando los siguientes métodos para lograr esto, pero todos se sienten un poco falsos.

Para pasar datos de JavaScript al código de C # se deben configurar variables ASP ocultas y activar una devolución de datos:

<asp:HiddenField ID="RandomList" runat="server" />

function SetDataField(data) {
      document.getElementById('<%=RandomList.ClientID%>').value = data;
}

Luego, en el código C #, recopilo la lista:

protected void GetData(object sender, EventArgs e)
{
      var _list = RandomList.value;
}

Volviendo al otro lado, a menudo utilizo ScriptManager para registrar una función y pasarle datos durante Page_Load:

ScriptManager.RegisterStartupScript(this.GetType(), "Set","get("Test();",true);

o agrego atributos a los controles antes de una publicación posterior o durante las etapas de inicialización o representación previa:

Btn.Attributes.Add("onclick", "DisplayMessage("Hello");");

Estos métodos me han servido bien y hacen el trabajo, pero simplemente no se sienten completos. ¿Existe una forma más estándar de pasar datos entre JavaScript del lado del cliente y el código de fondo de C #?

He visto algunas publicaciones como esta que describen la clase HtmlElement; ¿Es esto algo que debería investigar?

Puede llamar simple y fácilmente a un método de página estática desde JavaScript como en este ejemplo . Si necesita llamar al método desde varias páginas, puede configurar un servicio web y llamarlo desde Javascript de la misma manera. Ejemplo también incluido a continuación.

Código .aspx

<asp:ScriptManager ID="ScriptManager1" 
EnablePageMethods="true" 
EnablePartialRendering="true" runat="server" />

Código subyacente

using System.Web.Services;

[WebMethod]
public static string MyMethod(string name)
{
    return "Hello " + name;
}

Código Javascript

function test() {
    alert(PageMethods.MyMethod("Paul Hayman"));
}

NOTA: Los métodos de página deben ser estáticos. Esto podría ser problemático para usted, dependiendo de lo que la aplicación esté tratando de hacer. Sin embargo, si la información se basa en la sesión, y está utilizando algún tipo de autenticación integrada, puede colocar un atributo EnableSession en el decorador WebMethod, y eso le permitirá acceder a HttpContext.Current.User, Sesión, etc.

Recomiendo echar un vistazo a jQuery. JQuery se puede usar para realizar llamadas AJAX al servidor, que puede devolver datos en cualquier formato que necesite; un buen formato podría ser JSON, ya que se puede usar directamente en javascript.

Para extraer datos del servidor a javascript usando jQuery , las siguientes recuperaciones realizan una solicitud asincrónica a http://youserver.com/my/uri y reciben los datos del servidor en la función suministrada.

$.get("my/uri", 
    function(data) { 
       // client side logic using the data from the server
    })

El envío de datos desde JavaScript al servidor funciona de manera similar:

$.post("my/uri", { aValue : "put any data for the server here" }
    function(data) { 
       // client side logic using the data returned from the server
    })

Microsoft ha implementado el UpdatePanelcontrol para hacer ajax, por lo que podría decirse que es la forma "estándar". Sin embargo, personalmente no recomendaría usarlo, no tiene nada que ver con el rico conjunto de funciones y el control que tiene cuando usa JavaScript directamente.

Esta es la forma en que personalmente lo hago:

Cree campos ocultos para cualquier valor del lado del cliente que desee usar en una devolución de datos de página estándar (es decir, cuando el usuario presiona enviar)

<asp:HiddenField ID="selectedProduct" runat="server" />

En el código detrás, registre los controles que desea usar del lado del cliente.

    /* Register the controls we want to use client side */

    string js = "var productBox = document.getElementById('" + selectedProduct.ClientID + "'); ";
    js += "var macCodeBoxBE = document.getElementById('" + beMacCode.ClientID + "'); ";


    ClientScript.RegisterStartupScript(this.GetType(), "prodBox", js, true);

Use una biblioteca javascript * para hacer su publicación / get ajax y luego use JavaScript para actualizar la página en función de la respuesta

$.get("../ajax/BTBookAppointment.aspx?dsl=" + telNumberBox.value + "&date=" + requiredDate.value + "&timeslot=" + ddTimeslot.value, function (response, status, xhr) {

    if (response.indexOf("not available") > -1) {
        loaderImage.src = "../images/cross.png"
        output.innerHTML = response;
    } });

Escriba una página separada "ajax" que anule el método de representación para hacer el trabajo.

protected override void Render(HtmlTextWriter writer)
{
    if (string.IsNullOrEmpty(Request["mac"])) { return; }
    if (string.IsNullOrEmpty(Request["dsl"])) { return; }
    DataLayer.Checkers.BTmacCheckResponse rsp = DataLayer.Checkers.Foo.CheckMAC(Request["dsl"], Request["mac"]);

    writer.Write(rsp.Valid.ToString());
}

* Hay muchas bibliotecas para elegir, incluso puede rodar la suya. Recomendaría jQuery , es estable y tiene un amplio conjunto de características.

JSON es la mejor forma de realizar la tarea. No mire el problema como un paso entre "C # y JavaScript". Esta forma de pensar conduce a rarezas de código como lo que tienes en la publicación original.

En términos más generales, solo se trata de pasar objetos entre el cliente y el servidor de forma independiente del lenguaje. JSON es excelente para la tarea porque es ampliamente compatible y fácil de leer.

Para establecer una etiqueta de entrada que no necesita asp del servidor, puede usar: (o <% #%> para la vinculación de datos de formularios)

html:

<input type="hidden" value='<%= RandomValues %>' name="RANDOM_VALUES" />

control de asp:

<asp:HiddenField ID="RandomList" runat="server" />

para obtener los valores en la devolución de datos

Request.Form["RANDOM_VALUES"]

Si es así, asp controla la entrada oculta, puede usar

Request.Form[RandomList.UniqueID]

La mejor parte de Request.Form es que si tiene varias etiquetas con el mismo atributo "nombre", devolverá el resultado en CSV.