కొన్నిసార్లు, డెవలపర్‌లు బ్లాగ్‌లు లేదా వెబ్‌సైట్‌ల వంటి వెబ్ అప్లికేషన్‌లను సృష్టించేటప్పుడు వెబ్ పేజీని తరచుగా రిఫ్రెష్ చేయాలనుకుంటారు, ఇక్కడ వినియోగదారు చర్యలపై ఆధారపడి కంటెంట్‌లు మారవచ్చు. పేజీ రిఫ్రెష్ చేయబడినప్పుడు లేదా రీలోడ్ చేయబడినప్పుడు ఈ వినియోగదారు పరస్పర చర్యల ఆధారంగా ఏదైనా నవీకరించబడిన సమాచారం ప్రదర్శించబడుతుంది. ఈ ప్రయోజనం కోసం, జావాస్క్రిప్ట్ క్రింద చర్చించబడే కొన్ని ప్రీబిల్ట్ పద్ధతులను అందిస్తుంది.
ఈ పోస్ట్ జావాస్క్రిప్ట్ ఉపయోగించి పేజీని రీలోడ్ చేసే మార్గాలను వివరిస్తుంది.
జావాస్క్రిప్ట్ ఉపయోగించి పేజీని రీలోడ్ చేయడం ఎలా?
పేజీని రీలోడ్ చేయడానికి లేదా రిఫ్రెష్ చేయడానికి, జావాస్క్రిప్ట్‌లో క్రింది పద్ధతులను ఉపయోగించండి:
విధానం 1: రీలోడ్() పద్ధతిని ఉపయోగించి పేజీని రీలోడ్ చేయండి
ఉపయోగించడానికి ' location.reload() ” పేజీని రీలోడ్ చేసే పద్ధతి. ఇది బ్రౌజర్ యొక్క రిఫ్రెష్ బటన్ లాగా పనిచేస్తుంది. ది ' రీలోడ్ () 'పద్ధతి పేజీని రీలోడ్ చేయడానికి బాధ్యత వహిస్తుంది, అయితే ' స్థానం ” అనేది అది అనుబంధించబడిన వస్తువు యొక్క వాస్తవ స్థానాన్ని (URL) సూచించే ఇంటర్‌ఫేస్. రిఫ్రెష్ చేయడానికి పేజీ యొక్క URLని '' ద్వారా యాక్సెస్ చేయవచ్చు పత్రం.స్థానం 'లేదా' window.location ”.
వాక్యనిర్మాణం
రీలోడ్() పద్ధతిని ఉపయోగించి ప్రస్తుత పేజీని రీలోడ్ చేయడానికి క్రింది వాక్యనిర్మాణాన్ని ఉపయోగించండి:
window.location.reload ( ) ;ఉదాహరణ 1: బటన్ క్లిక్‌పై రిఫ్రెష్ చేయండి
ఒక బటన్‌ని సృష్టించి, ''ని జోడించు క్లిక్ చేయండి జావాస్క్రిప్ట్ ముందే నిర్వచించబడినది అని పిలుస్తుంది. రీలోడ్ () 'పద్ధతి:
< బటన్ క్లిక్ చేయండి = 'window.location.reload()' > రిఫ్రెష్ చేయండి / పేజీని రీలోడ్ చేయండి బటన్ >బటన్ క్లిక్‌లో పేజీ రిఫ్రెష్ చేయబడిందని లేదా మళ్లీ లోడ్ చేయబడిందని అవుట్‌పుట్ సూచిస్తుంది:
ఉదాహరణ 2: రీలోడ్ () పద్ధతితో సెట్‌టైమ్‌అవుట్() పద్ధతిని ఉపయోగించి ఆటో రిఫ్రెష్
'ని ఉపయోగించి పేజీని స్వయంచాలకంగా రిఫ్రెష్ చేయడానికి సమయాన్ని సెట్ చేయండి సెట్ టైమౌట్() ” పద్ధతి. మొదట, మేము ఒక పద్ధతిని నిర్వచిస్తాము ' రిఫ్రెష్ () ” ఆ సమయం తర్వాత పేజీని రిఫ్రెష్ చేయడానికి పారామీటర్‌గా సమయ విరామం తీసుకుంటుంది. setTimeout() పద్ధతికి కాల్ చేసి, ఆపై రీలోడ్() పద్ధతికి కాల్ చేయండి:
ఫంక్షన్ రిఫ్రెష్ ( సమయం ) {సమయం ముగిసింది ( ( ) = > {
document.location.reload ( నిజం ) ;
} , సమయం ) ;
}
ఇక్కడ, మేము ప్రతి రెండు సెకన్ల తర్వాత పేజీని రిఫ్రెష్ చేయడానికి 2 సెకన్ల సమయాన్ని సెట్ చేస్తాము:
window.onload = రిఫ్రెష్ ( 2000 ) ;2 సెకన్ల తర్వాత పేజీ స్వయంచాలకంగా రిఫ్రెష్ చేయబడుతుందని మీరు చూడగలరు:
విధానం 2: go() పద్ధతిని ఉపయోగించి పేజీని రీలోడ్ చేయండి
పేజీని రిఫ్రెష్ చేయడానికి మరొక విధానం ' history.go() ” పద్ధతి. సానుకూల లేదా ప్రతికూల విలువను ఇవ్వడం వెనుకకు లేదా ముందుకు వెళ్లడానికి యథావిధిగా ఉపయోగించవచ్చు. రిఫ్రెష్ కోసం, 'ని పాస్ చేయండి 0 ” తటస్థ విలువ లేదా ఏమీ లేదు.
వాక్యనిర్మాణం
పేజీని రీలోడ్ చేయడానికి ఇచ్చిన సింటాక్స్‌ని అనుసరించండి:
చరిత్ర.గో ( )ఉదాహరణ
ఇక్కడ, మేము '' అని పిలుస్తాము history.go() బటన్ క్లిక్ ఈవెంట్‌లో పద్ధతి:
< బటన్ క్లిక్ చేయండి = 'history.go()' > రిఫ్రెష్ చేయండి / పేజీని రీలోడ్ చేయండి బటన్ >అవుట్‌పుట్
జావాస్క్రిప్ట్ ఉపయోగించి వెబ్ పేజీలను రీలోడ్ చేయడం/రిఫ్రెష్ చేయడం గురించి అంతే.
ముగింపు
జావాస్క్రిప్ట్ ఉపయోగించి వెబ్ పేజీని రీలోడ్ చేయడానికి, ' window.location.reload() 'పద్ధతి లేదా' history.go() ” పద్ధతి. రీలోడ్() పద్ధతి అనేది వెబ్ పేజీలను రీలోడ్ చేయడానికి లేదా రిఫ్రెష్ చేయడానికి సాధారణంగా ఉపయోగించే విధానం. ఈ పోస్ట్ జావాస్క్రిప్ట్ ఉపయోగించి పేజీని రిఫ్రెష్ చేసే మార్గాలను వివరించింది.