Saya baru-baru ini mempelajari teknologi ajax dan mengubah halaman web statis front-end menjadi HTML untuk menulis. Hal pertama yang dipikirkan semua orang adalah menggunakan Cookie dan Sesi. Ini dapat dilakukan pada halaman JSP, tetapi tidak pada halaman HTML statis.
Pertama-tama, apa itu cookie dan sesi? Pertama-tama, semua orang tahu bahwa protokol HTTP adalah protokol tanpa kewarganegaraan. Setelah pertukaran data selesai, koneksi antara klien dan server akan ditutup, dan koneksi baru perlu dibuat untuk bertukar data lagi. Ini berarti server tidak dapat melacak sesi dari koneksi. Saat ini, teknologi pelacakan sesi cookie muncul. Berikan izin kepada klien, satu untuk setiap orang yang berkunjung, mereka harus membawa izinnya sendiri. Dengan cara ini server dapat mengkonfirmasi identitas klien dari pass tersebut. Beginilah cara kerja cookie, mereka disimpan di klien. Sesi adalah mekanisme yang digunakan oleh server untuk mencatat status klien. Ini setara dengan membuat tabel profil pengguna di server. Anda hanya perlu menanyakan tabel profil untuk menentukan apakah tabel tersebut cocok dengan klien saat ini. Sesi juga merupakan pasangan atribut kunci-nilai. Ia membaca dan menulis informasi status pelanggan melalui metode getAttribute(Stringkey) dan setAttribute(String key, Object value). Di Servlet, Sesi klien diperoleh melalui metode request.getSession().
HTML mendapatkan nama pengguna login . Sesi adalah salah satu dari sembilan objek bawaan JSP. Ini tidak terlalu bersahabat dengan HTML, jadi bagaimana cara mendapatkan sumber daya statis? Yang pertama adalah membuat Servlet transisi, menyimpan sesi pengguna, dan mendapatkannya. Yang kedua adalah menggabungkan jalur + nama pengguna melalui latar belakang dan meneruskannya ke meja depan melalui ajax, dan meja depan mendapatkan url dan mengoperasikannya.
$.ajax({
url: '/ masuk',
data: {
nama pengguna: nama pengguna,
kata sandi: kata sandi
},
ketik: 'DAPATKAN',
sukses: fungsi (hasil) {
if (hasil.kode === 0) {
jika(val == angka){
layer.msg("Login berhasil", function() {
window.location.href = "index1.html?"+$("#namapengguna").val()+"";
})
}kalau tidak{
layer.msg('Kesalahan kode verifikasi')
}
} kalau tidak {
layer.msg("Login gagal," + hasil.msg, {ikon: 2})
}
}
})
}
Yang penting adalah kalimat window.location.href = "index.html?"+$("#username").val()+"";, di mana $("#username").val() mendapatkan pengguna nama Nilai, nama pengguna adalah id dari nama pengguna.
Pertama tentukan id untuk menerima nama pengguna
<p id = "nama"></p>
Kemudian dapatkan melalui JS
<skrip tipe="teks/javascript">
var url = lokasi.href;
//peringatan(url);
var nomor =url.indexOf("?");
var str = url.substr(angka+1);
$("#nama").html("Selamat Datang" +str);
</skrip>
Jangan lupa menambahkan di akhir
<skrip type="text/javascript" src="./layui/js/jquery.min.js"></script> Demikianlah artikel ini tentang contoh kode Html untuk mendapatkan nama pengguna login. Untuk konten terkait lainnya tentang Html untuk mendapatkan nama pengguna login, silakan cari artikel sebelumnya di downcodes.com atau lanjutkan menelusuri artikel terkait berikut baca lebih lanjut di masa mendatang.