Passing a razor object to a javascript function

Question

I have my JS function:

function LoadJs(hostApp) {
    $.ajax({
        type: "POST",
        url: '@Url.Action("LoadJs", "Home")',
        data: { "hostApp": hostApp },
        success: function (Js) {
            Response.Write(Js)   
        }
    });
}

When I call the function in my Summary.vbhtml file, I would like to pass it my hostApp object and then have the Javascript pass the object to a controller action.

Here is my script tag calling the LoadJs function:

<script type="text/javascript">    
    LoadJs( @(model)); 
</script>

I've tried '@model', '@(model)', and @modelbut nothing seems to pass it correctly. When I pass it the first two ways, it passes a string, which is not what I want and if I try the last way or the way in the example then it turned @model into the correct object, but it says it is undefined.

twoflower · Accepted Answer · 2012-08-10 14:38:57Z

4

You can use

<script type="text/javascript">    
    LoadJs(@(Html.Raw(new JavaScriptSerializer().Serialize(model))));
</script>

answered Aug 10, 2012 at 14:38

twoflower

6,8283 gold badges36 silver badges45 bronze badges

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

7 Comments

gblock Over a year ago

My program is now giving a 500 error No parameterless constructor defined for this object. I have made my object class seriable and I have a parameterless constructor. Do you know why that would be happening?

twoflower Over a year ago

And in the call stack of the exception, does it mark this line I posted or an other one?

gblock Over a year ago

It is being called on the @Url.Action in my js function

gblock Over a year ago

I know this isn't related to the question, and you're answer is working it seems. If you can answer if that would be a huge help though.

twoflower Over a year ago

What if you put there '@Html.ActionLink("LoadJs", "Home")', does it work? EDIT: No, it won't work.

|

Collectives™ on Stack Overflow

Passing a razor object to a javascript function

1 Answer 1

7 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

7 Comments

Your Answer

Sign up or log in

Post as a guest

Related