نموذج كود HTML للحصول على اسم مستخدم تسجيل الدخول

لقد تعلمت مؤخرًا تقنية ajax وقمت بتغيير الواجهة الأمامية إلى صفحات الويب الثابتة بتنسيق HTML للكتابة. كيف يمكنني الحصول على اسم المستخدم الذي تم تسجيل الدخول إليه؟ أول شيء يفكر فيه الجميع هو استخدام ملف تعريف الارتباط والجلسة، ويمكن القيام بذلك على صفحة JSP، ولكن ليس على صفحة HTML ثابتة.

بداية، ما هي ملفات تعريف الارتباط والجلسات؟ بادئ ذي بدء، يعلم الجميع أن بروتوكول HTTP هو بروتوكول عديم الحالة. بمجرد اكتمال تبادل البيانات، سيتم إغلاق الاتصال بين العميل والخادم، ويجب إنشاء اتصال جديد لتبادل البيانات مرة أخرى. هذا يعني أن الخادم لا يمكنه تتبع الجلسة من الاتصال. في هذا الوقت، ظهرت تقنية تتبع جلسة ملفات تعريف الارتباط. قم بإصدار تصريح مرور للعملاء، واحد لكل شخص، بغض النظر عمن يزورهم، يجب عليهم إحضار تصريح المرور الخاص بهم. بهذه الطريقة يمكن للخادم تأكيد هوية العميل من خلال المرور. هذه هي الطريقة التي تعمل بها ملفات تعريف الارتباط، ويتم تخزينها على العميل. الجلسة هي آلية يستخدمها الخادم لتسجيل حالة العميل وهي تعادل إنشاء جدول ملف تعريف المستخدم على الخادم. ما عليك سوى الاستعلام عن جدول ملف التعريف لتحديد ما إذا كان يطابق العميل الحالي. الجلسة هي أيضًا زوج من سمات القيمة الرئيسية، فهي تقرأ وتكتب معلومات حالة العميل من خلال أساليب getAttribute(Stringkey) وsetAttribute(String key, Object value). في Servlet، يتم الحصول على جلسة العميل من خلال طريقة request.getSession().

يحصل HTML على اسم مستخدم تسجيل الدخول ، وهو أحد الكائنات التسعة المضمنة في JSP. إنها ليست صديقة جدًا لـ HTML، فكيف يمكن الحصول على موارد ثابتة؟ الأول هو إنشاء Servlet انتقالي وحفظ جلسة المستخدم والحصول عليه. والثاني هو ربط المسار + اسم المستخدم من خلال الخلفية وتمريره إلى مكتب الاستقبال من خلال اياكس، ويحصل مكتب الاستقبال على عنوان url ويقوم بتشغيله.

الخطوة 1: قم بتمرير مسار URL إلى الصفحة المطلوبة

     $.اجاكس({
        عنوان URL: "/ تسجيل الدخول"،
        بيانات: {
            اسم المستخدم: اسم المستخدم،
            كلمة المرور: كلمة المرور
        },
        النوع: "الحصول على"،
        النجاح: الوظيفة (النتيجة) {
            إذا (نتيجة.رمز === 0) {
                إذا (فال == الأعداد) {
                    Layer.msg("تم تسجيل الدخول بنجاح"، الوظيفة () {
                        window.location.href = "index1.html؟"+$("#username").val()+"";
                    })
                    }آخر{
                    Layer.msg('خطأ في رمز التحقق')
                }
            } آخر {
                Layer.msg("فشل تسجيل الدخول،" + result.msg, {icon: 2})
            }
        }
    })
}

الشيء المهم هو الجملة window.location.href = "index.html؟"+$("#username").val()+"";، حيث يحصل $("#username").val() على المستخدم قيمة الاسم، اسم المستخدم هو معرف اسم المستخدم.

الخطوة الثانية هي الحصول على المسار وتشغيله في ملف Index.html.

قم أولاً بتحديد معرف لتلقي اسم المستخدم

<p معرف = "الاسم"></p>

ثم احصل عليه من خلال JS

<نوع البرنامج النصي = "نص/جافا سكريبت">
     فار url = location.href;
     //تنبيه(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> 

بهذا نختتم هذه المقالة حول نموذج التعليمات البرمجية لـ Html للحصول على اسم مستخدم تسجيل الدخول. لمزيد من المحتوى ذي الصلة حول Html للحصول على اسم مستخدم تسجيل الدخول، يرجى البحث في المقالات السابقة على موقع downcodes.com أو متابعة تصفح المقالات ذات الصلة التالية وآمل أن تفعل ذلك اقرأ المزيد في المستقبل.