页面获取绝对路径（pageContext.request.contextPath）的两种方法和input失去焦点时触发时间

最新推荐文章于 2023-07-13 08:09:49 发布

涵山韵海

最新推荐文章于 2023-07-13 08:09:49 发布

阅读量517

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/hanshanyunhai/article/details/89927549

版权

前端专栏收录该内容

19 篇文章 0 订阅

订阅专栏

第一种：

<script type="text/javascript">
    var targetUri = "${pageContext.request.contextPath}";
</script>

第二种：

<input id="PageContext" type="hidden" value="${pageContext.request.contextPath}" />

注意：这个事件触发的前提是已经获取了焦点再失去焦点的时候会触发相应的js

用ajax使用获取时：

<div class="phone">
    <div class="phone-info">
        <span class="boder"><img class="pic" src="../img/peo.png" /></span>
        <input type="text" class="ipt" id="username" name="username" value="<shiro:principal/>" placeholder="请输入账号" onblur="findOperName()"  />
    </div>
</div>
<div class="phone" style="display:none;" id="op">
    <div class="phone-info">
        <span class="boder"><img class="pic" src="../img/peo.png"/></span>
        <input type="text" class="ipt" id="operName" name="operName" readonly="readonly"/>
    </div>
</div>

function findOperName() {
    var operCode = $("#username").val();

    if (operCode == null || operCode == "" || operCode == undefined){
        layer.msg('请输入账号......');
        return;
    }

    $.ajax({
        url : $("#PageContext").val()+'/sysUser/findName',
        async : false,
        type : 'GET',
        dataType : 'json',
        data : {
            operCode : operCode
        },
        success : function(text) {
            result = text.data;
            console.log(result.operName+"123");

            if (result.ss == 1){
                document.getElementById("op").style.display="";//显示
                $("#operName").val(result.operName);
            } else {
                layer.msg('账号输入有误，请重新输入......');
                document.getElementById("op").style.display="none";//显示
                $("#operName").val();
            }
        }

    });
}