Jquery Mobile 實現登錄，資料顯示，有源碼

「爱情、让人受尽委屈。」 2022-06-14 07:27 113阅读 0赞

源碼路徑：[http://download.csdn.net/detail/losedguest/9869485][http_download.csdn.net_detail_losedguest_9869485]

1.Jquery Mobile 實現簡單登錄  
2.用cookie記住密碼有效期7天，下次自動自動登錄  
3.未登錄的進入主頁，自動跳轉登錄畫面  
4.實現簡單的數據顯示  
5.採用了Sqlite數據庫測試

採用Cookie記錄登錄記錄，沒有設置cookie有效期限，默認情況下瀏覽器關閉后，cookie失效，在PC端正常，在手機端打開后，將瀏覽器滑掉，然後重新打開發下cookie依然存在，沒有失效，幾經實驗，發現瀏覽器以前瀏覽的畫面並沒有關閉，點擊手機瀏覽器下的多窗口顯示，會發現以前打開的網頁還都存在

![这里写图片描述][SouthEast]“\`

![这里写图片描述][SouthEast 1]  
功能比較簡單  
![这里写图片描述][SouthEast 2]

手機效果圖：  
![这里写图片描述][SouthEast 3]

$("#login").click(function () { 
                var pd = { action: "Login", LoginID: $("#username").val(), LoginPWD: $("#userpassword").val() }
                var re = AjaxHelper.RequestPost(PostPath, pd);
                if (re !== null && re !== undefined && re !== '') {
                    var jd = JSON.parse(re);
                    if (jd.IsLogin) {
                        $.cookie("mail_user_id", jd.mUID)
                        if ($("#checkbox-0").val()) {
                            $.cookie("mail_user_no", JSON.stringify(pd), { expires: Expires })
                            $.cookie("mail_user_name", jd.mUserName, { expires: Expires })
    
                        }
                        location.href = Htmldex;
                    }
                    else {
                        location.href = Htmllg;
                    }
                }
                else {
                    location.href = Htmllg;
                }
            });
            $("#checkbox-0").click(function () { 
                if ($("#checkbox-0").attr("checked")) {
                    $.cookie("mail_user_rem", "Y", { expires: Expires });
                }
                else {
                    $.cookie("mail_user_rem", null);
                }
            });
            $("#checkbox-1").click(function () { 
                if ($("#checkbox-1").attr("checked")) {
                    $.cookie("mail_user_au", "Y", { expires: Expires });
                }
                else {
                    $.cookie("mail_user_au", null);
                }
            });
    
            if ($.cookie("mail_user_rem") != null) {
                if ($.cookie("mail_user_rem") == "Y") {
                    $("#checkbox-0").attr("checked", true).checkboxradio("refresh");
                }
            }
            if ($.cookie("mail_user_au") != null) {
                if ($.cookie("mail_user_au") == "Y") {
                    $("#checkbox-1").attr("checked", true).checkboxradio("refresh");
                }
            }
            if ($.cookie("mail_user_no") != null) {
                var pd = $.cookie("mail_user_no");
                try {
                    var jd = JSON.parse(pd);
                    $("#username").val(jd.LoginID);
                    $("#userpassword").val(jd.LoginPWD);              
                    if ($("#checkbox-1").attr("checked")) {
                        //自動登錄
                        $("#login").click();
                    }
    
                } catch (e) {
                    //清空cookie
                    $.cookie("mail_user_id", null)
                }
            }

[http_download.csdn.net_detail_losedguest_9869485]: http://download.csdn.net/detail/losedguest/9869485
[SouthEast]: /images/20220614/fc27eb608c2a4effbedc9a8d510b5e8f.png
[SouthEast 1]: /images/20220614/2d682077869f4acf8d4f1726961670f8.png
[SouthEast 2]: /images/20220614/ee2793cd51114c20aa4d4e02389a4a79.png
[SouthEast 3]: /images/20220614/1f0e0a3080e54327b772f66197f12e95.png