Access ViewData Using JQuery

Question

I am developing a mvc application.I wrote a jquery for different operations and saved in to a js file named my.js. And i included that js file into my page.

 <script src="../../Scripts/my.js" type="text/javascript"></script>

How can i access ViewData from that js file. I tried many methods.But didnt worked yet. The code i used to access ViewData from js file is shown below.

 var CalanderPreference = "<%= ViewData["CalanderPreference"] %>";

But it returning an error like 'Expected ; '

Any ideas?

gor · Accepted Answer · 2011-02-12 09:55:56Z

2

ViewData is not accessible on client, because it exists only on view rendering.

You could serialize your view data to json on server side, write it to hidden field, and them parse it to javascript object on client side.

answered Feb 12, 2011 at 9:55

gor

11.7k5 gold badges39 silver badges42 bronze badges

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

Comments

alexl · Accepted Answer · 2011-02-12 10:00:45Z

You can create your javascript object on the view like in this example.

Put this into your view and not in a seperate file:

        <script type="text/javascript">
            $(function() {
                var saleYear = parseInt("<%=ViewData.Model.Sale24Hours.EndDate.Year %>");
                var saleMonth = parseInt("<%=ViewData.Model.Sale24Hours.EndDate.Month %>") - 1;
                var saleDay = parseInt("<%=ViewData.Model.Sale24Hours.EndDate.Day %>");
                var saleHour = parseInt("<%=ViewData.Model.Sale24Hours.EndDate.Hour %>");
                var saleMinute = parseInt("<%=ViewData.Model.Sale24Hours.EndDate.Minute %>");
                var saleSecond = parseInt("<%=ViewData.Model.Sale24Hours.EndDate.Second %>");
                var endSaleDate = new Date(saleYear, saleMonth, saleDay, saleHour, saleMinute, saleSecond);
                $("#countDownSale24").countdown({ until: endSaleDate, compact: true, format: "HMS" });
            });
        </script>

Collectives™ on Stack Overflow

Access ViewData Using JQuery

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related