it-swarm.com.ru

Вызов функции JavaScript из кода позади

Может кто-нибудь привести хорошие примеры вызова функции JavaScript из кода сзади и наоборот?

131
ssmsnet

Вы можете попробовать это:

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

C # для JavaScript: вы можете зарегистрировать блок скрипта для запуска на странице, как показано ниже:

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

замените часть alert() именем вашей функции.

Для вызова метода C # из JavaScript вы можете использовать ScriptManager или jQuery. Я лично использую jQuery. Вам нужно украсить метод, который вы хотите вызвать из JavaScript, с атрибутом WebMethod. Для получения дополнительной информации о вызове метода C # (называемого PageMethod) из jQuery вы можете обратиться к Dave Ward's post.

47
TheVillageIdiot

Вызов функции JavaScript из кода позади

Шаг 1 Добавьте свой код Javascript

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

Шаг 2 Добавьте 1 Диспетчер скриптов в вашей веб-форме и добавьте кнопку 1тоже

Шаг 3 Добавьте этот код в событие нажатия кнопки 

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

Если вам нужно отправить значение в качестве параметра.

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

Вы не можете сделать это напрямую. В стандартных веб-формах JavaScript интерпретируется браузером, а C # - сервером. То, что вы можете сделать, чтобы вызвать метод с сервера, используя JavaScript, это.

  • Используйте WebMethod as attribute в целевых методах. 
  • Добавить ScriptManager setting EnablePageMethods как true.
  • Добавьте код JavaScript для вызова методов через объект PageMethods.

Как это:

Шаг 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 
    }

Шаг 2: Добавление ScriptManager на Page

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

Шаг 3: вызов метода с использованием JavaScript

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

Взгляните на эту ссылку.

Для вызова функции JavaScript с сервера вы можете использовать RegisterStartupScript :

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

Ты не можешь. Codebehind работает на сервере, в то время как JavaScript работает на клиенте.

Однако вы можете добавить <script type="text/javascript">someFunction();</script> к вашему выводу и, таким образом, вызвать функцию JS, когда браузер анализирует вашу разметку.

7
ThiefMaster

Другая вещь, которую вы можете сделать, это создать переменную сеанса, которая будет установлена ​​в коде, затем проверить состояние этой переменной и затем запустить ваш javascript. Хорошо, что это позволит вам запускать сценарий именно там, где вы хотите, вместо того, чтобы выяснять, хотите ли вы, чтобы он выполнялся в DOM или глобально. 

Примерно так: Код позади:

Session["newuser"] = "false" 

В JavaScript

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

Вы можете использовать литерал:

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

IIRC Code Behind компилируется на стороне сервера, а javascript интерпретируется на стороне клиента. Это означает, что нет прямой связи между ними.

С другой стороны, вы можете сделать так, чтобы клиент и сервер общались через изящный инструмент AJAX. http://en.wikipedia.org/wiki/Asynchronous_JavaScript_and_XML

5
Berry Ligtermoet

Рабочий пример: _

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

Код позади

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

    }
}

Возможные подводные камни: - 

  1. Код и HTML могут не находиться в одном пространстве имен
  2. CodeBehind="History.aspx.cs" указывает на неправильную страницу
  3. Функция JS имеет некоторую ошибку
4
Hitesh Sahu
ScriptManager.RegisterStartupScript(this, this.Page.GetType(),"updatePanel1Script", "javascript:ConfirmExecute()",true/>
4
Apps Tawale

Я заметил, что многие ответы здесь используют ScriptManager.RegisterStartupScript, и если вы собираетесь это сделать, это неправильный способ сделать это. Правильный путь - использовать ScriptManager.RegisterScriptBlock([my list of args here]). Причина в том, что вы должны использовать RegisterStartupScript только при загрузке вашей страницы (отсюда и название RegisterStartupScript).

В VB.NET:

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

в C #: 

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

Конечно, я надеюсь, что само собой разумеется, что вам нужно заменить ключ своим идентификатором ключа и, вероятно, следует переместить все это в sub/function/method и передать key и someJavascriptObject (если ваш метод javascript требует, чтобы ваш arg был объект JavaScript).

Документы MSDN:

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

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

достаточно использовать вашу функцию

1
sadist king

Вот как я это сделал.

HTML-разметка с меткой и кнопкой управления выглядит следующим образом.

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

Функция JavaScript здесь.

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

Код для запуска функции JavaScript находится здесь.

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

это работает для меня 

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

Вы можете предоставить методы C # на страницах с кодовым названием для вызова через JavaScript с помощью атрибута ScriptMethod .

Вы не можете вызывать JavaScript из CodeBehind - этот код существует исключительно на клиенте.

1
Josh Kodroff

Я использовал ScriptManager в Code Behind, и он работал нормально.

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

Если вы используете UpdatePanel в ASP веб-интерфейсе . Затем введите имя UpdatePanel и «имя функции», определенные тегами сценария.

0
Ravi Agrawal

Попробуйте это в Code Behind, и это будет работать на 100%

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

Вы не можете вызвать функцию Javascript из CodeBehind, потому что файл CodeBehind содержит код, который выполняет серверную часть на веб-сервере. Код Javascript выполняется в веб-браузере на стороне клиента.

0
Charlie Kilian

Так как я не смог найти решение, стоящее за кодом, которое включает в себя попытки ClientScript и ScriptManager, такие как mutanic, и Орландо Эррера сказал в этом вопросе (оба они почему-то потерпели неудачу), я предложу интерфейсное решение, которое использует нажатия кнопок для другие, если они находятся в том же положении, что и я. Это сработало для меня:

HTML-разметка:

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

JavaScript:

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

Я просто использую кнопку ASP.NET, которая использует свойство OnClientClick, которое запускает функции сценариев на стороне клиента, которые являются JavaScript. Ключевыми моментами, которые следует здесь отметить, является использование ключевого слова return в вызове функции и в самой функции. Я читал документы, которые не используют return, но все же заставляют работать кнопки - почему-то у меня это не получалось. Оператор return false; в функции указывает, что обратной передачи НЕ должно происходить. Вы также можете использовать этот оператор в свойстве OnClientClick: OnClientClick="myFunction() return false;"

0
Max Voisard