โค้ดตัวอย่าง Html เพื่อรับชื่อผู้ใช้สำหรับเข้าสู่ระบบ

ฉันเพิ่งเรียนรู้เทคโนโลยี ajax และเปลี่ยนส่วนหน้าเป็นหน้าเว็บคงที่ HTML เพื่อเขียน จะรับชื่อผู้ใช้ที่เข้าสู่ระบบได้อย่างไร สิ่งแรกที่ทุกคนนึกถึงคือการใช้คุกกี้และเซสชัน ซึ่งสามารถทำได้บนเพจ JSP แต่ไม่ใช่บนเพจ HTML แบบคงที่

ก่อนอื่น คุกกี้และเซสชันคืออะไร ก่อนอื่น ทุกคนรู้ดีว่าโปรโตคอล HTTP เป็นโปรโตคอลไร้สัญชาติ เมื่อการแลกเปลี่ยนข้อมูลเสร็จสิ้น การเชื่อมต่อระหว่างไคลเอนต์และเซิร์ฟเวอร์จะถูกปิด และจำเป็นต้องสร้างการเชื่อมต่อใหม่เพื่อแลกเปลี่ยนข้อมูลอีกครั้ง ซึ่งหมายความว่าเซิร์ฟเวอร์ไม่สามารถติดตามเซสชันจากการเชื่อมต่อได้ ในเวลานี้ เทคโนโลยีการติดตามเซสชันคุกกี้ปรากฏขึ้น ออกบัตรให้ลูกค้าคนละ 1 ใบ ไม่ว่าใครจะมาเยี่ยมก็ต้องนำบัตรมาเอง วิธีนี้ทำให้เซิร์ฟเวอร์สามารถยืนยันตัวตนของลูกค้าจากบัตรผ่านได้ นี่คือวิธีการทำงานของคุกกี้ โดยคุกกี้จะถูกจัดเก็บไว้ในไคลเอนต์ เซสชันเป็นกลไกที่เซิร์ฟเวอร์ใช้เพื่อบันทึกสถานะไคลเอ็นต์ ซึ่งเทียบเท่ากับการสร้างตารางโปรไฟล์ผู้ใช้บนเซิร์ฟเวอร์ คุณเพียงแค่ต้องสืบค้นตารางโปรไฟล์เพื่อพิจารณาว่าตรงกับไคลเอ็นต์ปัจจุบันหรือไม่ เซสชันยังเป็นคู่แอตทริบิวต์คีย์-ค่า โดยจะอ่านและเขียนข้อมูลสถานะลูกค้าผ่านเมธอด getAttribute(Stringkey) และ setAttribute(String key, Object value) ใน Servlet เซสชันของลูกค้าจะได้รับผ่านเมธอด request.getSession()

HTML รับชื่อผู้ใช้สำหรับเข้าสู่ระบบ เซสชันเป็นหนึ่งในเก้าวัตถุในตัวของ JSP มันไม่เป็นมิตรกับ HTML มากนัก ดังนั้นจะรับทรัพยากรแบบคงที่ได้อย่างไร ประการแรกคือการสร้าง Servlet เฉพาะกาล บันทึกเซสชันผู้ใช้ และรับมัน อย่างที่สองคือการเชื่อมเส้นทาง + ชื่อผู้ใช้เข้ากับพื้นหลังและส่งต่อไปยังแผนกต้อนรับผ่าน Ajax และแผนกต้อนรับส่วนหน้าจะได้รับ URL และดำเนินการ

ขั้นตอนที่ 1: ส่งเส้นทาง URL ไปยังหน้าที่ต้องการ

     $.ajax({
        URL: '/เข้าสู่ระบบ',
        ข้อมูล: {
            ชื่อผู้ใช้: ชื่อผู้ใช้,
            รหัสผ่าน: รหัสผ่าน
        -
        ประเภท: 'รับ',
        สำเร็จ: ฟังก์ชั่น (ผลลัพธ์) {
            ถ้า (result.code === 0) {
                ถ้า (val == หมายเลข) {
                    layer.msg("เข้าสู่ระบบสำเร็จ", function () {
                        window.location.href = "index1.html?"+$("#ชื่อผู้ใช้").val()+"";
                    -
                    }อื่น{
                    layer.msg('ข้อผิดพลาดรหัสยืนยัน')
                -
            } อื่น {
                layer.msg ("การเข้าสู่ระบบล้มเหลว" + result.msg, {icon: 2})
            -
        -
    -
-

สิ่งสำคัญคือประโยค window.location.href = "index.html?"+$("#username").val()+""; โดยที่ $("#username").val() ได้รับผู้ใช้ name Value ชื่อผู้ใช้คือ id ของชื่อผู้ใช้

ขั้นตอนที่สองคือการรับและดำเนินการเส้นทางใน index.html

ขั้นแรกให้กำหนด ID เพื่อรับชื่อผู้ใช้

<p id = "ชื่อ"></p>

จากนั้นรับมันผ่าน JS

<script type="text/javascript">
     var url = location.href;
     //แจ้งเตือน(url);
     var num =url.indexOf("?");
     var str = url.substr(หมายเลข+1);
     $("#name").html("ยินดีต้อนรับ" +str);
</สคริปต์>

อย่าลืมเติมต่อท้ายด้วย

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

นี่เป็นการสรุปบทความเกี่ยวกับโค้ดตัวอย่างสำหรับ Html เพื่อรับชื่อผู้ใช้สำหรับเข้าสู่ระบบ สำหรับเนื้อหาที่เกี่ยวข้องเพิ่มเติมเกี่ยวกับ Html เพื่อรับชื่อผู้ใช้สำหรับเข้าสู่ระบบ โปรดค้นหาบทความก่อนหน้าของ downcodes.com หรือเรียกดูบทความที่เกี่ยวข้องต่อไปนี้ต่อไป อ่านเพิ่มเติมในอนาคต สนับสนุน downcodes.com!