பக்கத்தை மீண்டும் ஏற்றாமல் ஜாவாஸ்கிரிப்ட்டில் URL ஐ எவ்வாறு மாற்றுவது

ஒரு செயல்பாட்டை வரையறுக்கவும் ' modifyUrl() ” ஒரு ஜாவாஸ்கிரிப்ட் கோப்பில், பொத்தானைக் கிளிக் செய்வதன் மூலம் தூண்டப்படும். இது இரண்டு அளவுருக்களை எடுக்கும், ' தலைப்பு ' மற்றும் இந்த ' url ”. பொத்தான் கிளிக்கில் முறை அழைக்கப்படும் போது, ​​'தலைப்பு' மற்றும் 'url' ஆகியவை வாதங்களாக அனுப்பப்படும். வகையைச் சரிபார்க்கவும் ' புஷ்ஸ்டேட் 'வரலாற்று பொருளின், அது இல்லை என்றால்' வரையறுக்கப்படாத ”. பின்னர், அழைக்கவும் ' history.pushState() URL ஐ மாற்றுவதற்கான முறை:

ஒவ்வொரு பொத்தானைக் கிளிக் செய்வதிலும், பக்கத்தை மீண்டும் ஏற்றாமல் URL வெற்றிகரமாக மாற்றப்படும் என்பதைக் காணலாம்:

மேலே உள்ள வெளியீட்டில், மேல் இடதுபுறத்தில் பின் அம்புக்குறி பொத்தானைக் காணலாம் ( <- ) பொத்தானைக் கிளிக் செய்யும் போது இயக்கப்பட்டது, நீங்கள் முன்னும் பின்னுமாக செல்ல முடியும் என்பதை இது குறிக்கிறது ஏனெனில் ' pushState() ” முறை வரலாற்று அடுக்கில் புதிய URL ஐ சேர்க்கிறது.

முறை 2: 'replaceState()' முறையைப் பயன்படுத்தி பக்கத்தை மீண்டும் ஏற்றாமல் ஜாவாஸ்கிரிப்ட்டில் URL ஐ மாற்றவும்

பயன்படுத்த ' மாநிலம் () ” வலைப்பக்கத்தை மறுஏற்றம் செய்யாமல் URL ஐ மாற்றுவதற்கான முறை. இது ஒரு அம்சமாகும் ' வரலாற்று பொருள் ” ஆனால் அது வரலாற்று அடுக்கில் புதிய நுழைவை சேர்க்காது. இது உலாவியின் வரலாற்றின் தற்போதைய நிலையை மாற்றி புதிய நிலைக்கு மாற்றுகிறது. இந்த அணுகுமுறையைப் பயன்படுத்துவதன் மூலம், நீங்கள் பக்கங்களுக்கு இடையில் முன்னும் பின்னுமாக மாற முடியாது.

தொடரியல்
கொடுக்கப்பட்ட தொடரியல் “replaceState()” முறைக்கு பயன்படுத்தப்படுகிறது:

உதாரணமாக
வரையறுக்கப்பட்ட செயல்பாட்டில், அழைக்கவும் மாநிலம் () ” பக்கத்தை மீண்டும் ஏற்றாமல் அல்லது வழிசெலுத்தாமல் பொத்தான் கிளிக்கில் உள்ள URL ஐ மாற்றுவதற்கான முறை:

ஒவ்வொரு பொத்தானின் கிளிக்கிலும், URL மாற்றப்பட்டுள்ளது மற்றும் பின் அம்புக்குறி பொத்தான் முடக்கப்பட்டிருப்பதால், திரும்பிச் செல்ல வழிசெலுத்துவதற்கான விருப்பம் இல்லை என்பதை வெளியீடு குறிக்கிறது:

ஜாவாஸ்கிரிப்டில் பக்கத்தை மறுஏற்றம் செய்யாமல் URL இன் மாற்றத்துடன் தொடர்புடைய அனைத்து அத்தியாவசிய தகவல்களையும் நாங்கள் வழங்கியுள்ளோம்.

முடிவுரை

இணையப் பக்கத்தைப் புதுப்பிக்காமல் URL ஐ மாற்ற/மாற்ற, ' pushState() 'முறை அல்லது' மாற்று மாநிலம்() ”முறை. “pushState()” முறையானது புதிய URLஐ வரலாற்று அடுக்கில் புதிய நுழைவாகச் சேர்க்கிறது மேலும் பயனர்கள் முன்னும் பின்னுமாக செல்ல அனுமதிக்கிறது. “replaceState()” முறையானது URL ஐ மாற்றுகிறது மற்றும் பின் பக்கத்திற்கு செல்ல அனுமதிக்காது. ஜாவாஸ்கிரிப்டைப் பயன்படுத்தி வலைப்பக்கத்தை மறுஏற்றம் செய்யாமல் URL ஐ மாற்றுவதற்கான வழிமுறைகளை இந்தக் கட்டுரை விவரிக்கிறது.