How to pass a value to razor variable from javascript variable

Question

How to pass a value to razor variable from javascript variable  is it possible asp net mvc razor view engine          int a   0      lt script gt      var b            a   b   lt  script gt

User · Answer

Step  1 Your Html  First Store the value in your localstorage using javascript then add the line like below  this is where you going to display the value in your html  my example is based on boostrap     lt label for  stringName  class  cols-sm-2 control- label  gt  Html Hidden  stringName       lt  label gt    Step 2 Javascript       stringName   replaceWith localStorage getItem  itemName

User · Answer

I see that this problem was discussed some time ago  but if anyone  ll meet with this again  here is my solution   In your   cshtml View file     lt script gt  var data   JsFunction   Html Raw Model Path       function              btn   click function              var model     Id    Html Raw Model Id    Data  data             ajax               type   POST               url    Controller Action               data  model              datatype   html               success  function                     console log  Success                                           lt  script gt    JavaScript variable model is something that I need to pass to Razor ViewModel  It can be done with ajax request   You just need to have proper argument s in your action  that matches Json object created in JavaScript    Hope it ll help someone

User · Answer

here is my solution that works  in my form i use   using  Html BeginForm  quot RegisterOrder quot    quot Account quot   FormMethod Post  new    class    quot form quot   role    quot form quot               Html TextBoxFor m   gt  m Email  new    class    quot form-control quot          Html HiddenFor m   gt  m quantity  new   id    quot quantity quot   Value   0          in my file js I get the quantity from a GET request and pass the variable as follows to the form       http           method   Get           url   quot https   xxxxxxx azurewebsites net api quantity  quot    usr                 success function  data                setQuantity data number                function setQuantity number                        quantity   val number

User · Answer

Okay  so this question is old    but I wanted to do something similar and I found a solution that works for me  Maybe it might help someone else   I have a List lt QuestionType gt  that I fill a drop down with  I want to put that selection into the QuestionType property on the Question object that I m creating in the form  I m using Knockout js for the select binding  This sets the self QuestionType knockout observable property to a QuestionType object when the user selects one     lt select class  form-control form-control-sm      data-bind  options  QuestionTypes  optionsText   QuestionTypeText   value  QuestionType  optionsCaption   Choose      gt   lt  select gt    I have a hidden field that will hold this object    Html Hidden  NewQuestion QuestionTypeJson   Model NewQuestion QuestionTypeJson    In the subscription for the observable  I set the hidden field to a JSON stringify-ed version of the object    self QuestionType subscribe function newValue        if  newValue     null  amp  amp  newValue     undefined                                   document getElementById  NewQuestion QuestionTypeJson   value   JSON stringify newValue               In the Question object  I have a field called QuestionTypeJson that is filled when the user selects a question type  I use this field to get the QuestionType in the Question object like this   public string QuestionTypeJson   get  set     private QuestionType  questionType   new QuestionType    public QuestionType QuestionType       get   gt  string IsNullOrEmpty QuestionTypeJson     questionType   JsonConvert DeserializeObject lt QuestionType gt  QuestionTypeJson       set   gt   questionType   value      So if the QuestionTypeJson field contains something  it will deserialize that and use it for QuestionType  otherwise it ll just use what is in the backing field    I have essentially  passed  a JavaScript object to my model without using Razor or an Ajax call  You can probably do something similar to this without using Knockout js  but that s what I m using so

User · Answer

Razor View Server Side variable can be read to Client Side JavaScript using   While and JavaScript client side variable can read to Razor View using

User · Answer

You can t  and the reason is that they do not  quot live quot  in the same time  The Razor variables are  quot Server side variables quot  and they don t exist anymore after the page was sent to the  quot Client side quot   When the server get a request for a view  it creates the view with only HTML  CSS and Javascript code  No C  code is left  it s all get  quot translated quot  to the client side languages  The Javascript code DOES exist when the view is still on the server  but it s meaningless and will be executed by the browser only  Client side again   This is why you can use Razor variables to change the HTML and Javascript but not vice versa  Try to look at your page source code  CTRL U in most browsers   there will be no sign of C  code there  In short   The server gets a request   The server creates or  quot takes quot  the view  then computes and translates all the C  code that was embedded in the view to CSS  Javascript  and HTML   The server returns the client side version of the view to the browser as a response to the request   there is no C  at this point anymore   the browser renders the page and executes all the Javascript

User · Answer

But it would be possible if one were used in place of the variable in  html Hidden field  As in this example    Html Hidden  myVar   0     set the field per script    lt script gt  function setMyValue value             myVar   val value             lt  script gt    I hope I can at least offer no small Workaround

[javascript] How to pass a value to razor variable from javascript variable?

Examples related to javascript

Examples related to c#

Examples related to razor