Bagaimana untuk Ubah Hala Pengguna Selepas Log Masuk Menggunakan API Ambil JavaScript?

Bagaimana untuk Ubah Halakan Pengguna ke Halaman Lain Selepas Log Masuk Menggunakan JavaScript Fetch API?

Apabila menggunakan API fetch() untuk membuat permintaan POST ke pelayan untuk log masuk , mengubah hala pengguna ke halaman lain boleh dicapai menggunakan salah satu daripada pilihan berikut:

Pilihan 1: Returning RedirectResponse

Secara lalai, fungsi fetch() dalam JavaScript secara automatik mengikuti ubah hala. Jadi, apabila pelayan mengembalikan RedirectResponse, permintaan fetch() akan mengikuti ubah hala dan mengembalikan respons daripada URL ubah hala.

Untuk menentukan sama ada respons adalah hasil daripada ubah hala, semak sama ada Response.redirected adalah Benar. Jika ya, Response.url akan mengandungi URL akhir selepas sebarang ubah hala. Gunakan window.location.href atau window.location.replace() untuk mengubah hala pengguna ke URL sasaran.

Pilihan 2: Mengembalikan JSON dengan URL Ubah Hala

Daripada mengembalikan RedirectResponse, pelayan boleh mengembalikan respons JSON yang mengandungi URL sasaran sebagai pasangan nilai kunci (cth., { "url": "/welcome" }). Di sisi klien, semak sama ada respons JSON termasuk kunci url, dan jika ya, gunakan window.location.href atau window.location.replace() untuk mengubah hala pengguna.

Pilihan 3: Menggunakan Borang HTML

Jika menggunakan fetch() tidak diperlukan, pertimbangkan untuk menggunakan borang HTML tradisional untuk log masuk. Apabila pengguna menyerahkan borang, permintaan POST akan dihantar ke pelayan. Pelayan kemudiannya boleh mengembalikan RedirectResponse dan penyemak imbas akan mengubah hala secara automatik pengguna ke URL sasaran.

Atas ialah kandungan terperinci Bagaimana untuk Ubah Hala Pengguna Selepas Log Masuk Menggunakan API Ambil JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!