Bagaimana pergi ke halaman lain setelah mengirimkan dalam html

Question

Saya sedang bermain dengan formulir html. Jika kita ingin membuka halaman baru setelah form submit, kita bisa menggunakan atribut action. Tapi dari yang saya tahu, di situlah Anda menambahkan tautan ke server untuk pengiriman data. Sekarang saya ingin mengirimkan data sekaligus membuka halaman baru. Untuk itu saya menggunakan onclick, onsubmission event js. Tapi saya pikir itu tidak mengirimkan data formulir. Jadi bagaimana saya bisa mewujudkannya?

Ada beberapa cara untuk mengalihkan ke halaman web lain dengan JavaScript. Yang paling populer adalah _______________ dan _______________

Table of Contents Show

Redirect menggunakan HTML Form Tag
Menggunakan lokasi. href dan lokasi. mengganti
Redirect ke Halaman Lain setelah Form Submit HTML
Bagaimana Cara Mengarahkan ke Halaman Web Lain Menggunakan jQuery atau JavaScript?
Bagaimana cara mengarahkan ulang halaman setelah mengirimkan formulir dalam HTML?
Bagaimana cara beralih ke halaman lain dalam HTML?
Bagaimana saya pergi ke halaman berikutnya setelah mengklik tombol di HTML?
Bagaimana cara mengarahkan ulang ke halaman lain setelah mengirimkan formulir dalam JavaScript?

Contoh

// Simulasikan klik mouse
jendela. lokasi. href = "http. // www. w3schools. com";

// Simulasikan pengalihan HTTP
jendela. lokasi. ganti ("http. // www. w3schools. com");

Cobalah sendiri "

Catatan. Perbedaan antara href dan replace, adalah replace() menghapus URL dokumen saat ini dari riwayat dokumen, artinya tidak mungkin menggunakan tombol "kembali" untuk menavigasi kembali ke dokumen asli

Katakanlah Anda sedang merancang situs web e-niaga. Seorang pengguna mendarat di layar masuk dan mengisi detailnya. Menurut Anda apa yang akan terjadi setelah sistem memverifikasi kredensial mereka?

Redirect berarti mengubah URL dan halaman web. Misalnya, Anda sedang menjelajahi halaman situs web saat ini yang memiliki contoh URL. com/halaman-a. Sekarang, katakanlah Anda mengklik tautan atau tombol dan mentransfer ke halaman web lain dari situs web yang sama dengan contoh URL. com/halaman-b. Ini disebut redirect. Ini banyak digunakan di situs web

Tambahkan Gambar yang menggambarkan pengalihan dalam HTML dari satu halaman ke halaman lainnya. Contoh gambar

Ada beberapa cara di mana Anda dapat mengarahkan pengguna

Pengguna dapat memulai pengalihan dengan beberapa cara
Mereka dapat dialihkan dengan mengklik tombol atau mengklik tautan

Pada artikel ini, kita akan mengeksplorasi beberapa cara tentang siapa yang harus dialihkan dari satu halaman ke halaman lain dalam HTML dengan satu klik tombol

Redirect menggunakan HTML Form Tag

Cara pertama untuk mengalihkan dari satu halaman ke halaman lain adalah dengan mengklik tombol. Anda dapat menggunakan formulir untuk tujuan ini. Tag formulir dalam HTML memiliki tindakan atribut di mana Anda dapat memberikan URL halaman web tempat Anda ingin mengarahkan tombol formulir. Tag formulir juga memiliki metode atribut lain. Cukup setel atribut metode ke POST, yang berarti Anda mengirim data, dan sebutkan URL di atribut tindakan. Setelah Anda mengirimkan formulir, itu akan mengarahkan Anda ke URL dan halaman web tertentu yang sesuai dengan URL itu

Sintaksis

Kode

  
    
        Redirecting using Form Tags

_

Keluaran

Tag formulir banyak digunakan saat Anda ingin mengirimkan data pengguna ke backend, seperti saat mendaftar atau masuk

Jika Anda ingin mengarahkan ulang pengguna, Anda dapat menggunakan tag jangkar lama yang bagus di HTML. Yang perlu Anda lakukan adalah memberikan referensi atau URL halaman web yang Anda perlukan untuk dialihkan oleh pengguna

Sintaksis

Kode


    
        Redirecting using Anchor Tags
      
     
     
         Click Here to Redirect

Keluaran

Menggunakan lokasi. href dan lokasi. mengganti

Selain menggunakan HTML, Anda juga dapat menggunakan Javascript untuk mengarahkan pengguna ke situs web Anda. Javascript menyediakan fungsi bawaan yang dapat digunakan untuk mengarahkan ulang. Anda dapat menggunakan lokasi. href dan lokasi. ganti untuk mengalihkan pengguna dari satu halaman ke halaman lainnya

Sintaksis

window.location.href = URL;
window.location.replace(URL);

Anda dapat menambahkan pendengar acara seperti onClick untuk mensimulasikan klik tombol untuk pengalihan. Lokasinya. ganti fungsi menggantikan URL saat ini dengan yang Anda berikan, sementara lokasinya. href membuat link antara dua halaman. Ini berarti bahwa setelah Anda mengklik tombol yang mengalihkan menggunakan fungsi ganti, Anda tidak dapat menavigasi kembali ke dokumen asli menggunakan tombol kembali

Kode


    
        Redirecting using location methods
      
     
         
             Href Function
        
        
            Replace Function

_

Keluaran

Redirect ke Halaman Lain setelah Form Submit HTML

Jika Anda ingin pengguna dialihkan setelah mereka mengirimkan detailnya, Anda dapat menggunakan tag formulir. Atribut tindakan dan metode tag formulir dapat digunakan untuk mencapai ini. Atribut tindakan menentukan jalur ke mana URL akan dialihkan setelah formulir dikirimkan. Atribut metode menentukan metode HTTP yang perlu digunakan saat mengirimkan formulir


    Email:

Setelah Anda mengisi form dan klik submit, maka Anda akan diarahkan ke bagian dashboard website tersebut

Bagaimana Cara Mengarahkan ke Halaman Web Lain Menggunakan jQuery atau JavaScript?

Jendela. lokasi. href dan jendela. lokasi. fungsi ganti dapat digunakan di JQuery juga. Anda dapat menambahkan pendengar acara ke elemen dalam HTML. Kemudian, Anda dapat menggunakan lokasi tersebut. href atau lokasi. ganti metode untuk mengarahkan ulang

Kode


    
        Using Event Listener
    
    
        
            Click here to Redirect

_

Keluaran

Pada kode di atas, Anda telah menambahkan event Listener click yang akan aktif saat Anda mengklik tombol. Ini akan mengaktifkan fungsi redirectFunction yang akan menggunakan lokasi. fungsi href untuk mengalihkan ke halaman lain

Bagaimana cara mengarahkan ulang halaman setelah mengirimkan formulir dalam HTML?

Anda dapat menggunakan tag formulir dalam HTML untuk pengalihan . Atribut tindakan dan metode dapat digunakan untuk mengalihkan ke halaman lain. Tag jangkar juga dapat digunakan untuk mengarahkan ulang. Anda dapat menentukan URL di atribut href dari tag jangkar di HTML.