Appel de la fonction JavaScript à partir de CodeBehind

Quelqu'un peut-il fournir de bons exemples d'appels d'une fonction JavaScript à partir de CodeBehind et vice-versa?

Vous pouvez essayer ceci:

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

C # à JavaScript: vous pouvez enregistrer un bloc de script à exécuter sur la page comme suit:

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

remplacez la alert()pièce par le nom de votre fonction.

Pour appeler la méthode C # à partir de JavaScript, vous pouvez utiliser ScriptManagerou jQuery. J'utilise personnellement jQuery. Vous devez décorer la méthode que vous souhaitez appeler à partir de JavaScript avec un WebMethodattribut. Pour plus d'informations sur l'appel de la méthode C # (appelée PageMethod) à partir de, jQueryvous pouvez vous référer à l'article de Dave Ward .

Appel d'une fonction JavaScript à partir du code derrière

Étape 1 Ajoutez votre code Javascript

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

Étape 2 Ajouter 1 Gestionnaire de scripts dans votre Webform et Ajouter 1 bouton trop

Étape 3 Ajoutez ce code dans votre événement de clic de bouton

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

Vous ne pouvez pas faire cela directement. Dans les WebForms standard, JavaScript est interprété par le navigateur et C # par le serveur. Ce que vous pouvez faire pour appeler une méthode à partir d'un serveur à l'aide de JavaScript est.

• Utiliser WebMethodcomme attributedans les méthodes cibles.
• Ajouter le ScriptManagerparamètre EnablePageMethodscomme true.
• Ajoutez du code JavaScript pour appeler les méthodes via l'objet PageMethods.

Comme ça:

Étape 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 
    }

Étape 2: Ajout d'un ScriptManagersur lePage

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

Étape 3: Appel de la méthode à l'aide de JavaScript

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

Jetez un œil à ce lien.

Pour appeler une fonction JavaScript à partir du serveur, vous pouvez utiliser RegisterStartupScript:

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

Si vous devez envoyer une valeur en tant que paramètre.

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

Une autre chose que vous pouvez faire est de créer une variable de session qui est définie dans le code derrière, puis de vérifier l'état de cette variable, puis d'exécuter votre javascript. La bonne chose est que cela vous permettra d'exécuter votre script là où vous le souhaitez au lieu d'avoir à déterminer si vous voulez qu'il s'exécute dans le DOM ou globalement.

Quelque chose comme ceci: Code derrière:

Session["newuser"] = "false" 

En javascript

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

Vous ne pouvez pas. Codebehind s'exécute sur le serveur tandis que JavaScript s'exécute sur le client.

Cependant, vous pouvez ajouter <script type="text/javascript">someFunction();</script>à votre sortie et ainsi provoquer l'appel de la fonction JS lorsque le navigateur analyse votre balisage.

Vous pouvez utiliser littéralement:

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

IIRC Code Behind est compilé côté serveur et javascript est interprété côté client. Cela signifie qu'il n'y a pas de lien direct entre les deux.

Ce que vous pouvez faire d'autre part, c'est faire communiquer le client et le serveur via un outil astucieux appelé AJAX. http://en.wikipedia.org/wiki/Asynchronous_JavaScript_and_XML

Essayez ceci dans Code Behind et cela fonctionnera à 100%

Écrivez cette ligne de code dans votre fichier Code Behind

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

Et voici la page de formulaire Web

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

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

Exemple de travail: _

<%@ 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>

Code derrière

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);
        }

    }
}

Pièges possibles: -

1. Le code et le HTML peuvent ne pas être dans le même espace de noms
2. CodeBehind="History.aspx.cs" pointe vers la mauvaise page
3. La fonction JS a une erreur

J'ai remarqué que beaucoup de réponses ici sont utilisées ScriptManager.RegisterStartupScriptet si vous voulez le faire, ce n'est pas la bonne façon de le faire. La bonne façon est d'utiliser ScriptManager.RegisterScriptBlock([my list of args here]). La raison en est que vous ne devriez utiliser RegisterStartupScript que lorsque votre page se charge (d'où le nom RegisterStartupScript).

Dans VB.NET:

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

en C #:

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

Bien sûr, j'espère qu'il va sans dire que vous devez remplacer la clé par votre identifiant de clé et que vous devriez probablement déplacer tout cela dans un sous / fonction / méthode et passer la clé et certainsJavascriptObject (si votre méthode javascript nécessite que votre argument soit un objet javascript).

Documents MSDN:

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

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

utiliser votre fonction suffit

Voilà comment je l'ai fait.

Le balisage HTML montrant une étiquette et un contrôle de bouton est le suivant.

<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 fonction JavaScript est ici.

<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>

Le code derrière pour déclencher la fonction JavaScript est ici.

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

cela fonctionne pour moi

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

Comme je ne pouvais pas trouver une solution qui était derrière le code, ce qui inclut d'essayer le ClientScriptet ScriptManagercomme mutanic et Orlando Herrera a dit dans cette question (ils ont tous les deux échoué), je vais proposer une solution frontale qui utilise des clics de bouton à d'autres si ils sont dans la même position que moi. Cela a fonctionné pour moi:

Balisage HTML:

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

JavaScript:

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

J'utilise simplement un bouton ASP.NET qui utilise la OnClientClickpropriété, qui déclenche des fonctions de script côté client, c'est-à-dire JavaScript. Les éléments clés à noter ici sont les utilisations du returnmot - clé dans l'appel de fonction et dans la fonction elle-même. J'ai lu des documents qui n'utilisent pas returnmais que le bouton clique toujours pour fonctionner - cela n'a pas fonctionné pour moi. L' return false;instruction dans la fonction spécifie qu'une publication ne doit PAS se produire. Vous pouvez également utiliser cette instruction dans la OnClientClickpropriété:OnClientClick="myFunction() return false;"

J'ai utilisé ScriptManager dans Code Behind et cela a bien fonctionné.

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

Si vous utilisez UpdatePanel dans ASP Frontend. Ensuite, entrez le nom UpdatePanel et le 'nom de la fonction' définis avec des balises de script.

Merci "Liko", ajoutez simplement un commentaire à sa réponse.

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

Ajout de guillemets simples ( ') à la variable, sinon cela donnera un message d'erreur:

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

Vous ne pouvez pas appeler une fonction Javascript à partir de CodeBehind, car le fichier CodeBehind contient le code qui s'exécute côté serveur sur le serveur Web. Le code Javascript s'exécute dans le navigateur Web côté client.

Vous pouvez exposer les méthodes C # sur les pages codebehind pour qu'elles puissent être appelées via JavaScript à l'aide de l' attribut ScriptMethod .

Vous ne pouvez pas appeler JavaScript à partir d'un CodeBehind - ce code existe uniquement sur le client.