JQuery $ .post不起作用

时间:2017-05-30 13:51:46

标签: javascript jquery html asp.net-mvc servicestack

这是我的Index.cshtml文件(我正在学习MVC .NET),当我点击Add按钮添加新用户时,当我去查看我的Api时,不会添加该用户。 我知道路由(api / users)和Json对象都是正确的,并且正在呈现脚本。 我正在使用Visual Studio 2017 for Mac,我的Api服务是Service Stack。

@model dynamic

@ {         ViewBag.Title =“蛋白质追踪器”;         Layout =“../Shared/_Layout.cshtml”;     }

@section scripts
{
    <script type="text/javascript">
        function AddNewUser(){
            var goal = $('#goal').val();
            var name = $('#name ').val();

            $.post("api/users", { 'Name' : name, 'Goal' : goal });
}
</script>

}


<h2>Protein Tracker</h2>
<div>
    <label for="select-user">Select a user</label>
    <select id="select-uder"></select>
</div>
<hr /> <!-- horizontal rule -->
<div>
    <h2>Add new user</h2>
    <label for="name">Name</label>
    <input id="name" type="text" /><br />
    <label for="goal">Goal</label>
    <input id="goal" type="text" /><br />
    <input id="add-new-user-button" type="button" value="Add" onclick="AddNewUser()" />
 </div>

1 个答案:

答案 0 :(得分:1)

感谢您的帮助,我尝试了所有人的建议,但是当我使用Chrome WebInspector(如@mythz建议)时,我发现&#34; $&#34;没有定义,所以我明白我的代码没有被识别为JQuery或类似的东西。当我添加以下代码行时,它按预期工作:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>