JSP里的JS方法无法调用这是怎么回事?在HTML里就可以。(JSP和JS在同一个页面)

Question

<!-- onblur事件,用户离开文本框时或者说元素失去焦点时触发 -->
<input type="text" class="form-control" id="username" maxlength="16" required
placeholder="请输入登录号" data-toggle="popover1" data-container="body"

data-placement="right" onblur="checkUsername()" onfocus="hideData()">

<script>
        // 获取文本框焦点时
        function hideData() {
            $('#username').popover('destroy');// 隐藏并销毁元素的弹出框。
            return;
        }
    
    
        // 当文本框是失去焦点时
        function checkUsername() {
            var username = document.getElementById("username").value;
            
            // 判断获取的参数是否为空
            if(isEmpty(username)){
                $("#username").attr("data-content","登录号不能为空");
                $('#username').popover('toggle')
                return;
            }
            
            var xmlHttp;
            if (window.XMLHttpRequest) {
                // 所有现代浏览器均支持XMLHttpRequest对象
                xmlHttp = new XMLHttpRequest();
    
            } else {
                // IE5 和IE6 使用ActiveXObject
                xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
    
            }
            var uri = ${pageContext.request.contextPath};
            xmlHttp.open("get",uri + "/user/checkUserName?username=" + username, true);
            xmlHttp.send();
    
            // 每当readyState 改变时，就会触发onreadystatechange 事件
            xmlHttp.onreadystatechange = function() {
                
                if (xmlHttp.readyState == 4 && xmlHttp.status == 200) {
                    // responseText获得字符串形式的响应数据
                    alert(xmlHttp.responseText);
    
                    // 转换为json 对象
                    var dataObj = eval("(" + xmlHttp.responseText + ")");
    
                    if (dataObj.exist) {
                        alert("什么");
    //                    $("[data-toggle='popover1']").popover(); // bootstrap弹出框
    
                    } else {
                        alert("您好");
                    }
                }
            };
        }
    </script>

Answer 1

引用来自“beike”的评论

var uri = ${pageContext.request.contextPath};

改为

var uri = "${pageContext.request.contextPath}";

Answer 2

已上传了图片

Answer 3

触发事件，控制台看报错！

Answer 4

var uri = ${pageContext.request.contextPath};

改为

var uri = "${pageContext.request.contextPath}";