最近學(xué)習(xí)ajax技術(shù)，前端改成了HTML靜態(tài)網(wǎng)頁(yè)來(lái)編寫(xiě)，那如何獲取登陸的用戶名呢？大家首先想到的肯定是利用Cookie和Session，在JSP頁(yè)面這樣做可以，但是靜態(tài)HTML頁(yè)面就不行了。

首先Cookie和session是什么呢？
首先大家都知道，HTTP協(xié)議是無(wú)狀態(tài)的協(xié)議。一旦數(shù)據(jù)交換完畢，客戶端與服務(wù)器端的連接就會(huì)關(guān)閉，再次交換數(shù)據(jù)需要建立新的連接。這就意味著服務(wù)器無(wú)法從連接上跟蹤會(huì)話。這時(shí)候就出現(xiàn)了cookie會(huì)話跟蹤技術(shù)。
給客戶端們頒發(fā)一個(gè)通行證吧，每人一個(gè)，無(wú)論誰(shuí)訪問(wèn)都必須攜帶自己通行證。這樣服務(wù)器就能從通行證上確認(rèn)客戶身份了。這就是Cookie的工作原理，是存儲(chǔ)在客戶端上的。
Session是服務(wù)器端使用的一種記錄客戶端狀態(tài)的機(jī)制,相當(dāng)于在服務(wù)器端建立一份用戶檔案表，只需要在檔案表中進(jìn)行查詢，判斷與當(dāng)前客戶是否匹配。Session也是一種key-value的屬性對(duì)，通過(guò)getAttribute(Stringkey)和setAttribute(String key，Object value)方法讀寫(xiě)客戶狀態(tài)信息。Servlet里通過(guò)request.getSession()方法獲取該客戶的Session。

HTML獲取登陸用戶名
session是JSP的九大內(nèi)置對(duì)象之一。對(duì)于HTML不太友好，那靜態(tài)資源如何獲取呢？一是建立一個(gè)過(guò)渡的Servlet，保存用戶session，進(jìn)行獲取。第二個(gè)是通過(guò)后臺(tái)把路徑+用戶名進(jìn)行拼接通過(guò)ajax傳到前臺(tái)，前臺(tái)獲取url對(duì)其進(jìn)行操作。

第一步：把URL路徑傳到需要的頁(yè)面

     $.ajax({
        url: '/login',
        data: {
            username: username,
            password: password
        },
        type: 'GET',
        success: function (result) {
            if (result.code === 0) {
                if(val == num){
                    layer.msg("登錄成功", function () {
                        window.location.href = "index1.html?"+$("#username").val()+"";
                    })
                    }else{
                    layer.msg('驗(yàn)證碼錯(cuò)誤')
                }
            } else {
                layer.msg("登錄失敗，" + result.msg, {icon: 2})
            }
        }
    })
}

重要的是 window.location.href = "index.html?"+$("#username").val()+"";這一句，其中$("#username").val()獲取用戶名的值，username為用戶名的id.

第二步，在index.html對(duì)路徑進(jìn)行獲取和操作。

先定義一個(gè)接收用戶名的id

<p id = "name"></p>

再通過(guò)JS進(jìn)行獲取

<script type="text/javascript">
     var url = location.href;
     //alert(url);
     var num =url.indexOf("?");
     var str = url.substr(num+1);
     $("#name").html("歡迎" +str);
</script>

在最后不要忘了添加

<script type="text/javascript" src="./layui/js/jquery.min.js"></script> 

到此這篇關(guān)于Html獲取登陸用戶名的示例代碼的文章就介紹到這了,更多相關(guān)Html獲取登陸用戶名內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持腳本之家！

最新評(píng)論