Llamar a la función JavaScript desde CodeBehind

¿Alguien puede proporcionar buenos ejemplos de llamar a una función de JavaScript desde CodeBehind y viceversa?

Puedes probar esto:

Page.ClientScript.RegisterStartupScript(this.GetType(),"CallMyFunction","MyFunction()",true);

C # a JavaScript: puede registrar el bloque de script para ejecutar en la página de la siguiente manera:

ClientScript.RegisterStartupScript(GetType(),"hwa","alert('Hello World');",true);

reemplace la alert()parte con el nombre de su función.

Para llamar al método C # desde JavaScript, puede usar ScriptManagero jQuery. Yo personalmente uso jQuery. Debe decorar el método al que desea llamar desde JavaScript con el WebMethodatributo Para obtener más información sobre cómo llamar al método C # (llamado PageMethod) jQuery, puede consultar la publicación de Dave Ward .

Llamar a una función de JavaScript desde el código detrás

Paso 1 Agregue su código Javascript

<script type="text/javascript" language="javascript">
    function Func() {
        alert("hello!")
    }
</script>

Paso 2 Agregue 1 Script Manager en su webForm y agregue 1 botón también

Paso 3 Agregue este código en su evento de clic de botón

ScriptManager.RegisterStartupScript(this.Page, Page.GetType(), "text", "Func()", true);

No puedes hacer esto directamente. En WebForms estándar, JavaScript es interpretado por el navegador y C # por el servidor. Lo que puede hacer para llamar a un método desde el servidor usando JavaScript es.

• Usar WebMethodcomo attributeen los métodos de destino.
• Agregar ScriptManagerconfiguración EnablePageMethodscomo true.
• Agregue código JavaScript para llamar a los métodos a través del objeto PageMethods.

Me gusta esto:

Paso 1

public partial class Products : System.Web.UI.Page 
{ 
    [System.Web.Services.WebMethod()] 
    [System.Web.Script.Services.ScriptMethod()] 
    public static List<Product> GetProducts(int cateogryID) 
    {
        // Put your logic here to get the Product list 
    }

Paso 2: Agregar un ScriptManageren elPage

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

Paso 3: llamar al método usando JavaScript

function GetProductsByCategoryID(categoryID)
{
    PageMethods.GetProducts(categoryID, OnGetProductsComplete);
}

Echa un vistazo a este enlace.

Para llamar a una función de JavaScript desde el servidor, puede usar RegisterStartupScript:

ClientScript.RegisterStartupScript(GetType(),"id","callMyJSFunction()",true);

Si necesita enviar un valor como parámetro.

string jsFunc = "myFunc(" + MyBackValue + ")";
ScriptManager.RegisterStartupScript(this.Page, Page.GetType(), "myJsFn", jsFunc, true);

Otra cosa que podría hacer es crear una variable de sesión que se establezca en el código detrás y luego verificar el estado de esa variable y luego ejecutar su javascript. Lo bueno es que te permitirá ejecutar tu script justo donde quieras en lugar de tener que averiguar si quieres que se ejecute en el DOM o globalmente.

Algo como esto: Código detrás:

Session["newuser"] = "false" 

En javascript

var newuser = '<%=Session["newuser"]%>';
 if (newuser == "yes")
     startTutorial();  

No puedes. Codebehind se ejecuta en el servidor mientras que JavaScript se ejecuta en el cliente.

Sin embargo, puede agregar <script type="text/javascript">someFunction();</script>a su salida y, por lo tanto, hacer que se llame a la función JS cuando el navegador está analizando su marcado.

Puedes usar literal:

this.Controls.Add(new LiteralControl("<script type='text/javascript'>myFunction();</script>"));

IIRC Code Behind se compila en el lado del servidor y javascript se interpreta en el lado del cliente. Esto significa que no hay un enlace directo entre los dos.

Lo que puede hacer, por otro lado, es que el cliente y el servidor se comuniquen a través de una ingeniosa herramienta llamada AJAX. http://en.wikipedia.org/wiki/Asynchronous_JavaScript_and_XML

Prueba esto en Code Behind y funcionará al 100%

Escriba esta línea de código en su archivo Code Behind

string script = "window.onload = function() { YourJavaScriptFunctionName(); };";
ClientScript.RegisterStartupScript(this.GetType(), "YourJavaScriptFunctionName", script, true);

Y esta es la página del formulario web

<script type="text/javascript">
    function YourJavaScriptFunctionName() {
        alert("Test!")
    }
</script>

ScriptManager.RegisterStartupScript(this, this.Page.GetType(),"updatePanel1Script", "javascript:ConfirmExecute()",true/>

Ejemplo de trabajo: _

<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage2.Master" AutoEventWireup="true" CodeBehind="History.aspx.cs" Inherits="NAMESPACE_Web.History1" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
    <%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajax" %>


 <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> 

        <script type="text/javascript">

            function helloFromCodeBehind() {
                alert("hello!")
            }


        </script>

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">

 <div id="container"  ></div>

</asp:Content>

Código detrás

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace NAMESPACE_Web
{
    public partial class History1 : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {

            ScriptManager.RegisterStartupScript(this, GetType(), "displayalertmessage", "helloFromCodeBehind()", true);
        }

    }
}

Posibles escollos: -

1. Es posible que el código y el HTML no estén en el mismo espacio de nombres
2. CodeBehind="History.aspx.cs" está apuntando a una página incorrecta
3. La función JS está teniendo algún error

Me he dado cuenta de que muchas de las respuestas aquí están usando ScriptManager.RegisterStartupScripty si vas a hacer eso, esa no es la forma correcta de hacerlo. La forma correcta es usar ScriptManager.RegisterScriptBlock([my list of args here]). La razón es que solo debe usar RegisterStartupScript cuando se carga su página (de ahí el nombre RegisterStartupScript).

En VB.NET:

ScriptManager.RegisterClientScriptBlock(Page, GetType(String), "myScriptName" + key, $"myFunctionName({someJavascriptObject})", True)

C ª#:

ScriptManager.RegisterClientScriptBlock(Page, typeof(string), "myScriptName" + key, $"myFunctionName({someJavascriptObject})", true);

Por supuesto, espero que sea obvio que necesita reemplazar la clave con su identificador de clave y probablemente debería mover todo esto a una sub / función / método y pasar la clave y someJavascriptObject (si su método javascript requiere que su argumento sea un objeto javascript).

Documentos de MSDN:

https://msdn.microsoft.com/en-us/library/bb338357(v=vs.110).aspx

ScriptManager.RegisterStartupScript(Page, GetType(), "JavaFunction", "AlertError();", true);

usar su función es suficiente

Así es como lo hice.

El marcado HTML que muestra un control de etiqueta y botón es el siguiente.

<body> 
  <form id="form1" runat="server"> 
  <div> 
    <asp:Label ID="lblJavaScript" runat="server" Text=""></asp:Label> 
    <asp:Button ID="btnShowDialogue" runat="server" Text="Show Dialogue" /> 
  </div> 
  </form> 
</body>

La función de JavaScript está aquí.

<head runat="server"> 
  <title>Calling javascript function from code behind example</title> 
  <script type="text/javascript"> 
    function showDialogue() { 
      alert("this dialogue has been invoked through codebehind."); 
    } 
  </script> 
</head>

El código detrás para activar la función de JavaScript está aquí.

lblJavaScript.Text = "<script type='text/javascript'>showDialogue();</script>";

esto funciona para mi

object Json_Object=maintainerService.Convert_To_JSON(Jobitem);
ScriptManager.RegisterClientScriptBlock(this,GetType(), "Javascript", "SelectedJobsMaintainer("+Json_Object+"); ",true);

Como no pude encontrar una solución que tuviera un código detrás, que incluye probar el ClientScriptyScriptManager como dijo mutanic y Orlando Herrera en esta pregunta (ambos de alguna manera no), voy a ofrecer una solución front-end que utiliza clics de botón a otros si Están en la misma posición que yo. Esto funcionó para mí:

Marcado HTML:

<asp:button ID="myButton" runat="server" Text="Submit" OnClientClick="return myFunction();"></asp:button>

JavaScript:

function myFunction() {
    // Your JavaScript code
    return false;
}

Simplemente estoy usando un botón ASP.NET que utiliza la OnClientClickpropiedad, que activa las funciones de secuencias de comandos del lado del cliente, que es JavaScript. Las cosas clave a tener en cuenta aquí son los usos de la returnpalabra clave en la llamada a la función y en la función misma. He leído documentos que no se usan returnpero que aún funcionan con el clic del botón, de alguna manera no funcionó para mí. La return false;declaración en la función especifica que una devolución no debe suceder. También podría usar esa declaración en la OnClientClickpropiedad:OnClientClick="myFunction() return false;"

Usé ScriptManager en Code Behind y funcionó bien.

ScriptManager.RegisterStartupScript(UpdatePanel1, UpdatePanel1.GetType(), "CallMyFunction", "confirm()", true);

Si está utilizando UpdatePanel en ASP Frontend. Luego, ingrese el nombre del UpdatePanel y el 'nombre de la función' definidos con etiquetas de script.

Gracias "Liko", solo agrega un comentario a su respuesta.

string jsFunc = "myFunc(" + MyBackValue + ")";
ScriptManager.RegisterStartupScript(this.Page, Page.GetType(), "myJsFn", jsFunc, true);

Se agregaron comillas simples ( ') a la variable; de ​​lo contrario, se mostrará un mensaje de error:

string jsFunc = "myFunc('" + MyBackValue + "')";

No puede llamar a una función Javascript desde CodeBehind, porque el archivo CodeBehind contiene el código que ejecuta el lado del servidor en el servidor web. El código Javascript se ejecuta en el navegador web en el lado del cliente.

Puede exponer los métodos de C # en las páginas de código subyacente para que se puedan llamar a través de JavaScript utilizando el atributo ScriptMethod .

No puede llamar a JavaScript desde CodeBehind: ese código existe únicamente en el cliente.