Javascript update partial view in asp.net mvc

Question

I currently have a javascript code that should update my partial view every 3 seconds. But it doesn't work for some reason, the timer it self works.

   <script>
   setInterval(function () {
       var obj = document.getElementById("menubar");
       obj.innerHTML = "@Html.Partial("/Views/Menu.cshtml")";
   }, 3000);
   </script>

This is my code, i am new to javascript. So i have no idea what's wrong. I tried to show my session as well, didn't work either.

Any help?

I've found out that it does work, but the session that is in the partial view doesn't get updated. I'm using ajax to stay on the same page, but this is causing asp.net mvc not to update session. Any solutions? — Jamie
– Jamie, Commented Mar 8, 2013 at 11:18

Ankit · Accepted Answer · 2013-03-08 13:00:15Z

2

create an action like below.

public ActionResult Menu()
{
    return View();
}

better to keep your partial view in shared folder.

your javascript.

<script>
   setInterval(function () {
       $("#menubar").empty().load('/{controller_name}/Menu');
   }, 3000);
</script>

replace {controller_name} with the actual controller name.

Problem with your code was you are sticking the output of partial view into your javascript so everytime setIntervel was running it was picking the output from javascript not requesting it from your server.

answered Mar 8, 2013 at 13:00

Ankit

1,8972 gold badges21 silver badges41 bronze badges

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

1 Comment

Ankit Over a year ago

Assuming you are using jquery for ajax.

Collectives™ on Stack Overflow

Javascript update partial view in asp.net mvc

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related