Javascript pada acara muat ulang halaman

Question

Fungsi javascript akan digunakan untuk banyak tujuan, kami dapat membuat acara untuk disesuaikan dan menggunakan acara yang telah ditentukan sebelumnya di halaman web. Di setiap javascript, fungsi tersebut akan menjalankan dan mengeksekusi halaman web pada elemen tag ui seperti tombol, dll. Jika kita mengklik peristiwa seperti tombol, fungsi akan dipanggil dan mengeksekusi peristiwa yang akan dipicu setelah memuat ulang halaman menggunakan metode atau fungsi reload() yang akan digunakan di halaman web berdasarkan kebutuhan pengguna, itu akan ada di web

Table of Contents Show

Bagaimana JavaScript Menyegarkan Halaman Bekerja?
Contoh Halaman Refresh JavaScript
Artikel yang Direkomendasikan
Bagaimana cara mendapatkan acara penyegaran halaman di JavaScript?
Bagaimana cara memuat ulang JavaScript tanpa memuat ulang halaman?
Bagaimana cara menyegarkan DOM dalam JavaScript?

Sintaksis

Mulai Kursus Pengembangan Perangkat Lunak Gratis Anda

Pengembangan web, bahasa pemrograman, pengujian Perangkat Lunak & lainnya

Pada halaman web, fungsi javascript reload() digunakan untuk me-refresh halaman web mungkin pada saat refresh berada di halaman atau bagian tertentu dari aplikasi

Paket Pengembangan Perangkat Lunak Semua dalam Satu(600+ Kursus, 50+ proyek)

Harga
Lihat Kursus

600+ Kursus Daring. 50+ proyek. 3000+ Jam. Sertifikat yang Dapat Diverifikasi. Akses Seumur Hidup
4. 6 (86.007 peringkat)

<html>
<head>
<script>
location.reload();
</script>
</head>
<body>
<button onclick="location.reload()">
</button>
---any html elements tags also used and called for this function---
</body>
</html>

Kode dasar di atas adalah salah satu cara untuk menggunakan reload/refresh halaman web menggunakan javascript. Kami dapat menggunakan fungsi ini berdasarkan kebutuhan pelanggan yang dapat kami hubungi di mana pun diperlukan

Bagaimana JavaScript Menyegarkan Halaman Bekerja?

Ketika kita menggunakan lokasi. fungsi reload () metode ini tidak melewatkan argumen atau parameter apa pun yang dapat kita panggil hanya dalam skrip itu dapat diautentikasi dan diverifikasi dengan benar atau salah jika nilai yang diambil benar itu akan menyebabkan hasil seperti halaman web selalu menjadi . Kita dapat menggunakan beberapa fungsi standar javascript seperti onClick() itu juga acara yang akan memicu acara baru dan itu akan membuka jendela halaman baru di lokasi tertentu kita menggunakan atribut html default href untuk mengidentifikasi lokasi halaman web baru. Kami juga dapat menggunakan fungsi javascript untuk menyegarkan halaman web secara otomatis dengan beberapa periode tertentu, kami juga menggunakan beberapa metode default seperti setTimeout() adalah fungsi javascript bawaan yang dapat digunakan untuk eksekusi fungsi lain setelah interval waktu yang ditentukan sesuai

Halaman penyegaran javascript dari aplikasi dapat dimuat ulang dengan fungsi yang diberikan untuk sumber daya saat ini dalam sebagian besar kasus halaman web dipilih untuk disegarkan dalam aplikasi browser, metode juga menggunakan fasilitas lain seperti itu akan memanggil dependensi lain seperti sebagai . Menggunakan lokasi. metode reload() memuat ulang halaman web saat ini dalam teknologi javascript metode ini juga memanggil dan menerima respons ujung belakang untuk memuat ulang1 atau menyegarkan. Javascript memuat ulang halaman terkadang diblokir dari peran dan akses keamanan pengguna meskipun beberapa firewall akan diblokir dari halaman web saat security_error di domexception dilemparkan dari browser. Selain itu, itu akan terjadi di pengguna akan memanggil metode reload yaitu mereka akan mengklik ikon refresh atau reload dari aplikasi atau browser skrip halaman web dipanggil melalui metode lokasi jika seandainya itu tidak cocok dengan objek lokasi pengguna dari

Sebagian besar pengguna akan menggunakan sistem operasi Windows ini akan memberikan cara yang berbeda untuk me-reload atau me-refresh halaman web yang bisa kita gunakan window. isi ulang dan jendela. objek lokasi itu akan mengidentifikasi lokasi yang ditentukan dan meneruskan instruksi ke browser untuk memuat ulang aplikasi halaman web

Contoh Halaman Refresh JavaScript

Berikut adalah contoh halaman refresh javascript

Contoh 1

Kode

<html>
<head>
<title>Welcome To My Domain</title>
</head>
<body>
<h2>User</h2>
<button id="btn_reload">Click Server Reload</button>
<button id="btn_refresh">Browser cache shown</button>
<script src="//code.jquery.com/jquery-1.6.2.min.js"></script>
<script>
$(document).ready(function() {
$("#btn_refresh").click(function(){
location.reload(false);
});
$("#btn_reload").click(function(){
location.reload(true);
});
});
</script>
<form action="second.jsp">
Enter Username:
<input type="text" name="user">  <br/>
<input type="submit" value="Submit"><br/>
</form>
</body>
</html>

_

Kedua. jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=UTF-8">
<title>Welcome</title>
</head>
<body>
<%
String n=request.getParameter("user");
out.print("Welcome TO My Domain "+n);
%>
</body>
</html>

Keluaran

Contoh #2

Kode

<html>
<head>
<title>Welcome To My Domain</title>
<script language="javascript" type="text/javascript">
function demo() {
var r = confirm("Do you want to refresh the page?");
if (r) {
setTimeout("location.reload(true);", 3000);
}
}
</script>
</head>
<body>
<p>Please Click Here: <a href="javascript:demo();">Refresh current page for after 3 seconds.</a></p>
</body>
</html>

Keluaran

Contoh #3

Kode

<html>
<head>
<title>Welcome To My Domain</title>
<script language="javascript" type="text/javascript">
function demo() {
var r = confirm("Do you want to refresh the page?");
if (r) {
setTimeout("location.reload(true);", 3000);
}
}
</script>
</head>
<body>
<p>Please Click Here: <a href="javascript:demo();">Refresh current page for after 3 seconds.</a></p>
<form method="get" action="second.jsp">
<h3>
Enter the userID: <input type="text" name="id"> <br/>
Enter the Password:   <input type="password" name="pass"> <br/>
<input type="submit" value="Sign in">
</form>
</body>
</html>

_

Kedua. jsp

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Welcome Users</title>
</head>
<body>
<h2 align="center">Log in Form Validation </h2>
<%
String s=request.getParameter("id");
String s1=request.getParameter("pass");
if(s.equalsIgnoreCase("siva") && s1.equals("raman"))
{
out.println("<h3>Login Successful Please continue..</h3>");
}
else
{
out.println("<h3> Login Failed please enter valid credentials</h3>");
}
%>
</body>
</html>

Keluaran

Contoh di atas kami menggunakan fungsi reload/refresh javascript dalam skenario yang berbeda dalam contoh pertama dan terakhir kami menggunakan formulir login dan itu akan menyegarkan halaman html dalam 3 detik dan itu akan menavigasi ke detik. jsp file untuk otentikasi pengguna dan contoh kedua menggunakan lokasi metode. metode reload() dalam fungsi skrip juga perlu me-refresh halaman web dalam 3 detik

Kesimpulan

Dalam bahasa skrip sisi klien javascript digunakan untuk berinteraksi dengan permintaan klien dan menerima respons server sementara itu akan ada beberapa interupsi untuk mengirim permintaan ke server beberapa kali fungsi skrip digunakan untuk menyegarkan halaman web secara otomatis berdasarkan persyaratan

Artikel yang Direkomendasikan

Ini adalah panduan untuk JavaScript Refresh Page. Di sini kita juga membahas Pendahuluan dan bagaimana cara kerja halaman penyegaran javascript? . Anda juga dapat melihat artikel berikut untuk mempelajari lebih lanjut –

Bagaimana cara mendapatkan acara penyegaran halaman di JavaScript?

Cara Menyegarkan/Memuat Ulang Halaman Secara Otomatis di JavaScript. Kami juga dapat mengizinkan penyegaran halaman setelah waktu yang tetap menggunakan metode setTimeOut() seperti yang terlihat di bawah ini. setTimeout(() => { dokumen. lokasi. memuat ulang(); .

Bagaimana cara memuat ulang JavaScript tanpa memuat ulang halaman?

Ada dua metode untuk memodifikasi URL dalam JavaScript tanpa memuat ulang halaman. Ini adalah. Metode pushState(). Metode replaceState() .

Bagaimana cara menyegarkan DOM dalam JavaScript?

Metode location reload() di HTML DOM digunakan untuk memuat ulang dokumen saat ini. Metode ini menyegarkan dokumen saat ini. Ini mirip dengan tombol segarkan di browser.

kode javascript