Merge C# Razor syntax with jQuery

Question

I'm working on a project using C# razor engine and I wondering if it is possible to merge razor syntax with jQuery. Is that possible?

An approach I have done is something like this:

<script>
    $(document).ready(function() {
        @Html.Action("GoNext", "Actions", new { Id= ViewBag.Id, justifymessage = @:$("#msg").val(), Action = 3 })
    });
</script>

not 100% positive but if somebody knows I'd like to know as well. I believe the correct syntax would be to write out the html and append it somewhere w/ jQuery. something like a href="youAction">click me</a> and append that. I don't think you can use MVC from within jquery scripts, but I could be wrong — Rob Scott
– Rob Scott, Commented Jun 11, 2015 at 11:38
@Html.Action is server side. $("#msg").val() is client side. — Francois
– Francois, Commented Jun 11, 2015 at 11:41

Bellash · Accepted Answer · 2015-06-11 12:14:52Z

1

Razor is server side while jQuery is client side. You can merge them... You may only write a razor code inside jQuery but razor will render it result before jQuery.

To call an action from server, use Ajax. See what you can do

 <script>
   $(document).ready(function() {
      var url="@Url.Action("GoNext","Actions", new {Id= ViewBag.Id, Action = 3 })";
      url+="&justifymessage = "+$("#msg").val();
      jQuery.get(url).done(function(htmls){
            jQuery('#appendable').html(htmls);
       });
   });
 </script>
 <div id='appendable'></div>

edited Jun 11, 2015 at 12:14

answered Jun 11, 2015 at 11:44

Bellash

8,2776 gold badges57 silver badges95 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

scgough · Accepted Answer · 2015-06-11 11:47:20Z

0

if say, you want to redirect to that url try:

<script>
$(document).ready(function() {
    var yoururl = "@Url.Action("GoNext", "Actions", new { Id= ViewBag.Id, justifymessage = "#param#", Action = 3 })";

    location.href=yoururl.replace("#param#", $("#msg").val());
});
</script>

edited Jun 11, 2015 at 11:47

answered Jun 11, 2015 at 11:39

scgough

5,2723 gold badges33 silver badges56 bronze badges

2 Comments

scgough Over a year ago

the only other consideration would be the appropriate encoding of $("#msg").val()

Bellash Over a year ago

do you mean Url.Action?? I don't think Html.Action will do

Collectives™ on Stack Overflow

Merge C# Razor syntax with jQuery

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related