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

源碼路徑:http://download.csdn.net/detail/losedguest/9869485

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

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

这里写图片描述“`

这里写图片描述
功能比較簡單
这里写图片描述

手機效果圖:
这里写图片描述

$("#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)
            }
        }
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值