How to get value of session variable using jQuery in external js file in ASP.NET MVC

Question

I have ASP.NET MVC5 project in which i am setting session value in controller using setSession() which is userId. Then i need to retrieve or get that value in .js file (and set it to TextBox)

but can not get that value in .js file.

following is my .js file code

function populateUser() {
        debugger;
        $.ajax({
            type: "GET",
            url: '/UserProfile/SetSessionValues',
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            async: true,
            success: function (data) {
                if (data) {
                    var user = $.session.get("UserName");
                    $("#txtUserName").val(user);  

                                }
            },
            error: function (msg) {
                alert("Error :" + msg.responseText);
            },

        });
    }

Are you using AlexChittock / JQuery-Session-Plugin? And What are you getting in data — Satpal
– Satpal, Commented Mar 31, 2014 at 7:57
Where are you setting the userId? On the client or on the server? If it is at the client, show us the code. — Patrick Hofman
– Patrick Hofman, Commented Mar 31, 2014 at 7:58
@Satpal i am not using any plugin you mentioned. and i am getting return string which controller method returning in data — user3480139
– user3480139, Commented Mar 31, 2014 at 8:39

Neel · Accepted Answer · 2014-03-31 08:09:23Z

2

In your controller :-

ViewBag.myVar = HttpContext.current.Session["UserName"].ToString();

You can assign Parameters as value of control

<input type="hidden" value = "@ViewBag.myVar" id="myHiddenVar" />

and get it in js file easily

alert($('#myHiddenVar').val());

edited Mar 31, 2014 at 8:09

answered Mar 31, 2014 at 8:00

Neel

11.7k3 gold badges46 silver badges63 bronze badges

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

2 Comments

Joel Over a year ago

value"@ViewBag.myVar" should be value="@ViewBag.myVar"

user3480139 Over a year ago

@Neel just to test i tried this : Session["UserName"] = "Trupti Rane"; ViewBag.myVar = System.Web.HttpContext.Current.Session["UserName"].ToString(); and then access it from cshtml page using <input readonly id="txtUserName" name="txtUserName" type="text" class="form-control" placeholder="User Name" size="50" style="width: 200px;" value="@ViewBag.myVar"/> but it is not working

Joel · Accepted Answer · 2014-03-31 08:13:03Z

0

Take a look at RazorJS. You can find it in your Nuget Package Manager.

It allows you to use razor like tags (ex: @data) in your .js files.

answered Mar 31, 2014 at 8:13

Joel

1611 gold badge3 silver badges12 bronze badges

Comments

Umair Hafeez · Accepted Answer · 2014-03-31 08:22:52Z

-1

You can use JavaScript variables like this:

HTML:

<head>
    ...
    <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />

    @RenderSection("my_script_variables", false)

    <script src="@Url.Content("~/Scripts/external.js")" type="text/javascript"></script>
    ...

</head>

Razor:

@Section my_script_variables {

    <script type="text/javascript">
            var variable1 = '@myVar1',
            variable2 = '@Session["myVar2"]',
            variable3 = '@ViewBag.myVar3';

        </script>

}

External JS:

alert(variable1 + ' ' +variable2 +' '+ variable3);

Also, you can use Hidden Variables as suggested by Neel.

Try the solutions at this link:

Pass Session or Viewbag values to JS Files

edited Mar 31, 2014 at 8:22

answered Mar 31, 2014 at 8:06

Umair Hafeez

4072 silver badges9 bronze badges

2 Comments

Patrick Hofman Over a year ago

Although the link might be useful, it is better to include relevant parts of it in your post.

Patrick Hofman Over a year ago

You can still edit your post to include that information. Otherwise it is likely to get deleted.

Collectives™ on Stack Overflow

How to get value of session variable using jQuery in external js file in ASP.NET MVC

3 Answers 3

2 Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related