Refresh div (jquery+asp.net mvc)

Question

I think the question is trival, however i can not find the solution. Im trying to refresh div automatically, for instance:

<div id="divToRefresh"> @(DateTime.Now)</div>

How can I do this in JQuery?

have a look at this. It will give you an idea : tugberkugurlu.com/archive/… — tugberk
– tugberk, Commented Oct 30, 2011 at 17:07

LiamB · Accepted Answer · 2011-10-30 15:10:01Z

3

You cant refresh the div as you suggest. You need to load new content in, for your example this will work

$('#divToRefresh').html(now.format("dd/m/yy h:MM tt"))

The above method uses pure JavaScript. If you want to use .Net you can use JavaScript to launch a AJAX call to a JSON Action Reuslt.

public JsonResult GetDate()
{
    return Json(new { CurDate = DateTime.Now}, JsonRequestBehavior.AllowGet);
}

And your JQuery

$.getJSON('pathToActionResult', function(data) {
    $('#divToRefresh').html(data.CurDate)
});

answered Oct 30, 2011 at 15:10

LiamB

18.6k19 gold badges79 silver badges122 bronze badges

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

Comments

Bjarki Heiðar · Accepted Answer · 2011-10-30 15:24:41Z

2

Here is a simple pure JavaScript solution to get you started.

answered Oct 30, 2011 at 15:24

Bjarki Heiðar

3,1456 gold badges29 silver badges41 bronze badges

Matt Briggs · Accepted Answer · 2011-10-30 15:23:23Z

0

for very simple ajax situations like this, I like pjax http://pjax.heroku.com/

answered Oct 30, 2011 at 15:23

Matt Briggs

42.4k17 gold badges103 silver badges128 bronze badges