麻烦大神帮我看看为什么这段jsp代码里,为什么点击按键没有触发对应的方法,也捕获不了文本框的内容?

图片说明
+++++++++
图片说明
+++++++++
图片说明
+++++++

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>更新角色信息</title>
    <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
</head>
<body>

    <script>
        function msgUpdate() {
            alert("wwww");
            var updateId = ${"#updateId"};
            var updateName = ${"#updateName"};
            alert(updateName);

            $.get("${pageContext.request.contextPath}/insert/byId",
                {updateId:updateId,updateName:updateName},"json");
        }
    </script>

    <form>
        <input id="updateId" type="text" placeholder="请输入id"/><br>
        <input id="updateName" type="text" placeholder="请输入name"/><br>
        <input id="updatedBtn" type="button" value="提交" onclick="msgUpdate()"/>
    </form>
</body>
</html>


+++++

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>新建用户</title>
    <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
</head>
<body>
    <script>

        function msgInsert() {
            var insertId = $("#insertId").val();
            var insertName = $("#insertName").val(); // 取值
            var result = $("#result").val();
            alert(insertId);

            $.get("${pageContext.request.contextPath}/ic/insertUser",
                {insertId:insertId,insertName:insertName},"json");
        }

    </script>

    <form>
        <input id="insertId" placeholder="请输入id" type="text"/><span id="check"></span><br>
        <input id="insertName" placeholder="请输入用户名" type="text"/><br>
        <input id="insertBtn" type="button" value="提交" onclick="msgInsert()"/>
    </form><br>
    <a href="./userList/findAll">跳转到用户列表</a>

    <h3>${requestScope.result}</h3>
    <h3>${result}</h3>

</body>
</html>

++++++++++
update可以说是从insert复制粘贴过去的,但是一直没有我想要的效果
|
函数不能触发,也捕获不了文本框里的内容
|
请问是为什么?

        var updateId = ${"#updateId"};
        var updateName = ${"#updateName"};
这个不能这么写,换成
            var insertId = $("#insertId").val();
        var insertName = $("#insertName").val();

图片说明
还没点击按钮的时候就已经报错了 加载顺序的问题 已经识别了你的代码有错误就不会在执行这个按钮函数了

var updateId = ${"#updateId"};
var updateName = ${"#updateName"};
我告诉你,这种写法有很大的弊端,不要轻易使用,用也应该加上单引号比如 var updateId = '${"#updateId"}';
这种参数放在隐藏域然后通过$("#insertId").val();这种方式取才是正确的