为什么script不起作用

script不起作用，连接不到截图中的数据

img

img


```javascript

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>

</head>
<body>
<table id="products" border="1" width="60%">
    <tr align="center" >
        <td>欢迎您：</td>
        <td id="username"></td>
    </tr>
    <tr align="center">
        <td colspan="2" align="center">
            <input type="button" value="添加多个商品"
            onclick="addProducts">
        </td>
    </tr>
    <tr align="center">
        <td>商品id</td>
        <td>商品名称</td>
    </tr>

</table>
<script type="text/javascript">
    //显示当前用户名
    window.onload = function () {
        var url = "${pageContext.request.contextPath}/getUser";
        $.get(url, function (response) {
            //将处理器返回的用户信息中的用户名显示在表格中
            $("#username").text(response.username);

        })
    }

        // 添加商品
        function addProducts() {
            var url="${pageContext.request.contextPath }/addProducts";
            $.get(url,function (products) {
                //将处理器返回的商品列表信息添加到表格中
                for (var i=0;i<products.length;i++) {
                    $("#products").append("<tr><td>" + products[i].proId + "</td>" + "<td>" + products[i].proName + "</td></tr>");
                }
            })
    }

</script>
</body>
</html>

```

页面引用这个js

<script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-3.4.1.min.js"></script>

可以下载到本地引用

好的后台模板案例1
java ssm+mysql
https://blog.csdn.net/weixin_43151418/article/details/124658533

好的后台模板案例2
asp.net+oracle
https://blog.csdn.net/weixin_43151418/article/details/101199338

好的后台模板案例3
java spring boot+vue+mysql
https://blog.csdn.net/weixin_43151418/article/details/124746163