How to pass MVC3 Model as JSON param to JS function?

Question

I have the following input button:

<input type="button" value="Log On" onclick="TryLogon(@Model)" style=" height:25px; width:75px"/>

And I want to pass the Model as a JSON param to the TryLogon function:

function TryLogon(model) {

    $.getJSON("/CertificateWebSite/Account/LogOnHelper", model, OnLogonResult);

}

How is it done correctly?

hunter · Accepted Answer · 2011-11-16 15:06:35Z

2

@Model won't be bound to anything that didn't exist on the initial page load.

Try changing how you're doing your log on click and what is being passed:

<input type="button" value="Log On" id="logOnButton" />

<script type="text/javascript">
    $(function(){
        $("#logOnButton").click(function(){
            var data = { username: $("#username").val(), password: $("#password").val() };
            $.getJSON("/CertificateWebSite/Account/LogOnHelper", data, OnLogonResult);
        });
    });
</script>

answered Nov 16, 2011 at 15:06

hunter

63.8k19 gold badges115 silver badges115 bronze badges

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

1 Comment

Paul Tyng Over a year ago

Also you can use jQuery's serialize method so you don't need to explicitly call out each input in the form.

Collectives™ on Stack Overflow

How to pass MVC3 Model as JSON param to JS function?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related