Как передать переменную от JavaScript до ASP - PullRequest
1 голос
/ 06 марта 2020

Я не совсем уверен, что я делаю не так. Я хотел бы передать переменную из JS функции в ASP, а затем распечатать ее в консоли одним нажатием кнопки.

JS function:

<script>
    function can() {
        var candy = "Chocolate";
        document.getElementById("Hidden1").value = candy;
    }
</script>

ASP. net:

<form id="form1" runat="server">

    <div>
        <input id="Hidden1" type="hidden" runat="server" />
        <asp:Button ID="Button1" runat="server" OnClientClick="can()"  Text="Button"
            onclick="Button1_Click" />
    </div>
</form>

<script runat="server">
    protected void Button1_Click(object sender, EventArgs e){

        Response.Write(Hidden1.Value);
    }

</script>

1 Ответ

1 голос
/ 06 марта 2020

Вы поместили файл aspx.cs в неправильное место, которое должно быть в файле .cs. Вы должны попробовать, как показано ниже:

Aspx:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebFormTest.WebForm1" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>

    <form id="form1" runat="server">  

     <div>
        <input id="Hidden1" type="hidden" runat="server" />
        <asp:Button ID="Button1" runat="server" OnClientClick="can()"  Text="Button"
            onclick="Button1_Click" />
    </div>
    </form>

     <script>
        function can() {
        var candy = "Chocolate";
        document.getElementById("Hidden1").value = candy;
    }
</script>

</body>
</html>

Aspx.cs:

 protected void Button1_Click(object sender, EventArgs e)
        {

            Response.Write(Hidden1.Value);
        }

Test Result:

enter image description here

How To Get It Worked:

Согласно вашему комментарию: у вас есть страница WebForm1.aspx Если вы ее развернете, вы получите файл WebForm1.aspx.cs, просто вставьте файл cs, и будет работа как и ожидалось.

См. Снимок экрана для большей ясности:

enter image description here

Я протестировал и работаю, как ожидалось.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...