not able to pass Model object to javascript function

Question

I am trying to pass the whole Model object with one other parameter to js function launchMyActivity(). but the function is not getting it. When I did the aler(passedObject.length) it is giving unidentified.

I have tried other things but nothing worked.Referred this but didnt worked

I am not sure what is wrong with my implementation.

Model :

public class RequestDTO
{
    public HttpRequestBase RequestDto { get; set; }
    public List<User> Users { get; set; }
    public string ActionId { get; set; }
    public string UserSampleID { get; set; }
}

View :

@model RequestDTO
<body>
        @Scripts.Render("~/bundle/js/Area/SelectedStudentActivity")
        <div class='popOver' style="z-index: 1012;">
            <div id='popOverMsg'>Select the student you want to Launch this Activity for:..</div><br /><br />
            @foreach(var user in Model.Users)
            {                
                <a id="selectedAnchor" data-id="@user.id" style="cursor:pointer" onclick="launchMyActivity(@user.UserID,@Model)">@user.name</a><br />
            }
        </div>
</body>

JS :

function launchMyActivity(studentSISId, requestDTO)
{
    alert("Lenght : " + requestDTO.length); //I get undefined here

    //Below this I need to make AJAX call and pass this requestDTO object.
}

Model is a C# object but you are trying to pass it into javascript. You will need to jsonify it so javascript understands it. — nurdyguy
– nurdyguy, Commented Apr 25, 2016 at 20:02
Are you using CSHTML?? Try this function launchMyActivity(studentSISId) { alert("Lenght : " + @Model.length); } — Shan
– Shan, Commented Mar 23, 2017 at 16:51

Andrew Savinykh · Accepted Answer · 2016-04-26 03:06:12Z

You should not be passing HttpRequestBase to javascript. First of all, as you discovered this won't work. Your C# code is executed by .Net runtime on your web server. Javascript is executed by web browser on the client machine. These two are completely different execution systems and you cannot really pass semantic between the two.

HttpRequesBase, citing MSDN, "Serves as the base class for classes that enable ASP.NET to read the HTTP values sent by a client during a Web request". You do not have asp.net on your browser and this class along with it's methods does not make sense on the client.

What you need to do instead is define your model. It is your model, that you want to pass between server and client. Extract whatever information that is meaningful for the client from HttpRequesBase, and put it to the model. A model is usually a simple class without any behaviour (methods) and just has a number of properties that are trivially serialized to json. There is quite a lot of easy to find information how to this bit for models like that.

Collectives™ on Stack Overflow

not able to pass Model object to javascript function

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related