Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何将MVC3模型作为JSON参数传递给JS函数?_Javascript_Jquery_Asp.net Mvc 3 - Fatal编程技术网

Javascript 如何将MVC3模型作为JSON参数传递给JS函数?

Javascript 如何将MVC3模型作为JSON参数传递给JS函数?,javascript,jquery,asp.net-mvc-3,Javascript,Jquery,Asp.net Mvc 3,我有以下输入按钮: <input type="button" value="Log On" onclick="TryLogon(@Model)" style=" height:25px; width:75px"/> 它是如何正确完成的?@Model不会绑定到初始页面加载中不存在的任何内容 尝试更改您在单击时的登录方式以及传递的内容: <input type="button" value="Log On" id="logOnButton" /> <script t

我有以下输入按钮:

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

它是如何正确完成的?

@Model
不会绑定到初始页面加载中不存在的任何内容

尝试更改您在单击时的登录方式以及传递的内容:

<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>

$(函数(){
$(“#登录按钮”)。单击(函数(){
var data={username:$(“#username”).val(),password:$(“#password”).val()};
$.getJSON(“/CertificateWebSite/Account/LogOnHelper”,数据,OnLogonResult);
});
});
还可以使用jQuery的方法,这样就不需要显式调用表单中的每个输入。
<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>