Update Razor variable from within a javascript function

Question

I am a noob in using Razor and now I am trying to update a Razor variable from within a javascript function. For example:

@{
    bool myVariable = false;
}

<script type="text/javascript">

    function Foo() {
       if (some_condition)
       {
          @myVariable = true;
       }
    }

</script>

@if (myVariable)
{
   <div>
      <!-- stuff -->
   </div>
}

Is that possible? If so, how can I do it?

may be not possible, you can refer this link stackoverflow.com/questions/28317182/… — Hien Nguyen
– Hien Nguyen, Commented Feb 4, 2020 at 0:56
Does this answer your question? How to pass a value to razor variable from javascript variable? — Abdelrahman Gobarah
– Abdelrahman Gobarah, Commented Feb 4, 2020 at 3:46
@BilalAhmed I have checked the code generated in the client side and as Abdelrahman says it is parsed as true = false, so not possible to assign a razor variable with a javascript variable. — Willy
– Willy, Commented Feb 5, 2020 at 20:28

Abdelrahman Gobarah · Accepted Answer · 2020-02-04 17:25:23Z

@myVariable is a server-side variable it get's it's value from server before rendering the page

@myVariable will print the value of the variable not assign to it,

so the output of @myVariable = true; will be

false = true;

use ajax to get content from server

@{
    bool myVariable = false;
}

<script type="text/javascript">

    function Foo() {
       if (some_condition)
       {
          $('#newContent').load('/News/GetLatest/10'); // call ajax to get content
       }
    }

</script>

   <div id="newContent">
      <!-- stuff -->
   </div>

or you can only show the div if condition is true on the client side

@{
    bool myVariable = false;
}

<script type="text/javascript">
    var showContent = @myVariable; // false

    function Foo() {
       if (some_condition)
       {
          showContent = true;
          $('#newContent').show(); // show it
       }
    }

</script>

   <div id="newContent" style="display: none;"> <!-- hidden by default -->
      <!-- stuff -->
   </div>

Collectives™ on Stack Overflow

Update Razor variable from within a javascript function

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related