javascript - 来自 MCV 的发布数据未调用 JS 函数

Question

嗨，我想将一个简单的字符串发布到 asp.net mvc5 中的 Controller 操作。

我尝试了几个小时，但无法找到其工作原理的解决方案。

我尝试了许多不同的解决方案，但没有一个能按照我想要的方式工作。几个小时...

我有一个简单的观点:

@{
    ViewBag.Title = "Rollen und Rechte";
}


<form>
    <table cellpadding="5">
        <tr>
            <td>Rollenname:</td>
            <td><input type="text" name="Name" id="roleNameVal" />Rollenname</td>
        </tr>
    </table>
    <br />

    <label id="resultLabel"></label>
    <input type="submit" value="Submit" id="btn_click" />
    <div id="mydiv"></div>
</form>

@section scripts {
<script type="text/javascript">
    $('#btn_click').click(function ()
    {
        alert("jas");
        var val1 = $('#roleNameVal').val();
        $.ajax({
            type: "post",
            url: "/Create/Role",
            data: { "val1": val1 },
            success: function (data) {
                alert(data);
            }
        })
    }
</script>
}

问题是该函数从未被调用。这里出了什么问题？

并且......下一步我想更新div id mydiv如何更改它而不返回 Controller 中的完整 View 并强制重新加载？

提前致谢:)

Answer 1

您在结束之前缺少一个右括号 </script>标签:

<script type="text/javascript">
    $('#btn_click').click(function ()
    {
        alert("jas");
        var val1 = $('#roleNameVal').val();
        $.ajax({
            type: "post",
            url: "/Create/Role",
            data: { "val1": val1 },
            success: function (data) {
                alert(data);
            }
        })
    }**)**
</script>