JQuery සමඟ පිටුවක් නැවුම් කරන්නේ කෙසේද?

JQuery සමඟ පිටුවක් නැවුම් කරන්නේ කෙසේද?

භාවිතා කරන්න location.reload():

$('#something').click(function() {
    location.reload();
});

මෙම reload()කාර්යය සඳහා සකස් කළ හැකි බව විකල්ප පරාමිතිය ගනී trueපූර්වාපේක්ෂි වඩා සේවාදායකය වෙතින් රිලෝඩ් බල. පරාමිතිය පෙරනිමිය වේ false, එබැවින් පෙරනිමියෙන් පිටුව බ්‍රව්සරයේ හැඹිලියෙන් නැවත පූරණය වේ.

මෙය jQuery නොමැතිව පවා සියලුම බ්‍රව්සර්වල ක්‍රියා කළ යුතුය:

location.reload();

ඇත බහු JavaScript සමඟ පිටුව refresh අසීමිත ක්රම:

1. location.reload()
2. history.go(0)
3. location.href = location.href
4. location.href = location.pathname
5. location.replace(location.pathname)

6. location.reload(false)

   අපට නැවත වෙබ් සේවාදායකයෙන් ලේඛනය අදින්නට අවශ්‍ය නම් (ලේඛනයේ අන්තර්ගතය ගතිකව වෙනස් වන තැන වැනි) අපි තර්කය එලෙසම සම්මත කරමු true.

ඔබට නිර්මාණාත්මකව ලැයිස්තුව දිගටම කරගෙන යා හැකිය:

• window.location = window.location
• window.self.window.self.window.window.location = window.location
• ... සහ වෙනත් 534 ක්‍රම

var methods = [
  "location.reload()",
  "history.go(0)",
  "location.href = location.href",
  "location.href = location.pathname",
  "location.replace(location.pathname)",
  "location.reload(false)"
];

var $body = $("body");
for (var i = 0; i < methods.length; ++i) {
  (function(cMethod) {
    $body.append($("<button>", {
      text: cMethod
    }).on("click", function() {
      eval(cMethod); // don't blame me for using eval
    }));
  })(methods[i]);
}

button {
  background: #2ecc71;
  border: 0;
  color: white;
  font-weight: bold;
  font-family: "Monaco", monospace;
  padding: 10px;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.5s ease;
  margin: 2px;
}
button:hover {
  background: #27ae60;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

බොහෝ ක්‍රම ක්‍රියාත්මක වනු ඇත, මම හිතන්නේ:

• window.location.reload();
• history.go(0);
• window.location.href=window.location.href;

JQuery සමඟ පිටුවක් නැවත පූරණය කිරීමට, කරන්න:

$.ajax({
    url: "",
    context: document.body,
    success: function(s,x){
        $(this).html(s);
    }
});

මා මෙහි භාවිතා කළ ප්‍රවේශය වූයේ අජැක්ස් jQuery ය. මම එය ක්‍රෝම් 13 හි පරීක්‍ෂා කළෙමි . ඉන්පසු මම කේතය හසුරුවෙහි තැබුවෙමි. මෙම URL එක වේ "", ඉන් අදහස් වන්නේ, මෙම පිටුව .

POST ඉල්ලීමකින් වත්මන් පිටුව පූරණය වී ඇත්නම්, ඔබට භාවිතා කිරීමට අවශ්‍ය විය හැකිය

window.location = window.location.pathname;

වෙනුවට

window.location.reload();

නිසා window.location.reload()පශ්චාත් ඉල්ලීම රුවා බව පිටුවක් ඉල්ලා නම් තහවුරු කරන ලෙස ඉල්ලා සිටිනු ඇත.

ප්‍රශ්නය විය යුත්තේ,

ජාවාස්ක්‍රිප්ට් සමඟ පිටුවක් නැවුම් කරන්නේ කෙසේද

window.location.href = window.location.href; //This is a possibility
window.location.reload(); //Another possiblity
history.go(0); //And another

තේරීම සඳහා ඔබ නරක් වී ඇත.

ඔබට භාවිතා කිරීමට අවශ්‍ය විය හැකිය

location.reload(forceGet)

forceGet බූලියන් සහ විකල්පයකි.

පෙරනිමිය වැරදියි, එය හැඹිලියෙන් පිටුව නැවත පූරණය කරයි.

හැඹිලිය ඉවත් කිරීම සඳහා සේවාදායකයෙන් පිටුව ලබා ගැනීමට බ්‍රව්සරයට බල කිරීමට අවශ්‍ය නම් මෙම පරාමිතිය සත්‍ය ලෙස සකසන්න.

නැත්නම් නිකම්ම

location.reload()

හැඹිලි සමඟ ඉක්මන් හා පහසු ඔබට අවශ්‍ය නම්.

හැඹිලි ආශ්‍රිත විවිධ හැසිරීම් සහිත ප්‍රවේශයන් තුනක්:

• location.reload(true)

  forcedReloadපරාමිතිය ක්‍රියාත්මක කරන බ්‍රව්සර්වල location.reload(), පිටුවේ නැවුම් පිටපතක් සහ එහි ඇති සියලුම සම්පත් (ස්ක්‍රිප්ට්, ස්ටයිල් ෂීට්, රූප, ආදිය) ලබා ගැනීමෙන් නැවත පූරණය වේ. සේවය නොකරන ඕනෑම පූර්වාපේක්ෂි සිට සම්පත් - ඕනෑම යැවීම තොරව, සේවාදායකය වෙතින් නැවුම් පිටපත් ලැබෙන if-modified-sinceහෝif-none-match ඉල්ලීමෙහි ශීර්ෂයක් ශීර්ෂයක් .

  හැකි සෑම තැනකම බ්‍රව්සර් තුළ “දෘ re රීලෝඩ්” කිරීම පරිශීලකයාට සමාන වේ.

  පසුකර බව සටහන trueසඳහා location.reload()ෆයර්ෆොක්ස් (බලන්න සහය දක්වයි MDN ) සහ Internet Explorer (බලන්න MSDN හි ) නමුත් විශ්වීය සහාය සහ කොටසක් නොවේ නොවේ ද W3 HTML 5 පිරිවිතර , හෝ මෙම W3 කෙටුම්පත HTML 5.1 පිරිවිතර , හෝ මෙම WHATWG HTML ජීවන තත්වය .

  ගූගල් ක්‍රෝම් වැනි සහය නොදක්වන බ්‍රව්සර් වල location.reload(true)හැසිරෙන්නේ එලෙසමය location.reload().

• location.reload() හෝ location.reload(false)

  පිටුව නැවත පූරණය කිරීම, HTML පිටුවේ නැවුම්, හැඹිලි රහිත පිටපතක් ලබා ගැනීම සහ බ්‍රව්සරය හැඹිලි කර ඇති ඕනෑම සම්පත් (ස්ක්‍රිප්ට් වැනි) සඳහා RFC 7234 නැවත වලංගු කිරීමේ ඉල්ලීම් සිදු කරයි, ඒවා නැවුම් වුවත් වුවත් RFC 7234 බ්‍රව්සරයට සේවය කිරීමට අවසර දෙයි ඒවා නැවත වලංගු කිරීමකින් තොරව.

  A සිදු කරන විට බ්‍රව්සරය එහි හැඹිලිය භාවිතා කළ යුතු ආකාරය හරියටම location.reload() ඇමතුමක් ලබා දෙන නිශ්චිතව දක්වා නැත. ඉහත හැසිරීම මම අත්හදා බැලීමෙන් තීරණය කළෙමි.

  මෙය පරිශීලකයා ඔවුන්ගේ බ්‍රව්සරයේ "නැවුම් කරන්න" බොත්තම එබීමෙන් සමාන වේ.

• location = location (හෝ පැවරීම සම්බන්ධ විය හැකි වෙනත් බොහෝ ශිල්පීය ක්‍රම location එහි ගුණාංග හෝ )

  පිටුවේ URL හි බිඳෙනසුලු / හැෂ්බෑන්ග් නොමැති නම් පමණක් ක්‍රියාත්මක වේ!

  හැඹිලියෙන් කිසිදු නැවුම් සම්පත් නැවත සකස් නොකර හෝ නැවත වලංගු නොකර පිටුව නැවත පූරණය කරන්න. පිටුවේ HTML ම නැවුම් නම්, මෙය කිසිසේත්ම HTTP ඉල්ලීම් සිදු නොකර පිටුව නැවත පූරණය කරයි.

  මෙය නව ටැබයකින් පිටුව විවෘත කරන පරිශීලකයාට සමාන වේ (හැඹිලි දෘෂ්ටිකෝණයකින්).

  කෙසේ වෙතත්, පිටුවේ URL හි හැෂ් එකක් තිබේ නම්, මෙය කිසිදු බලපෑමක් ඇති නොකරනු ඇත.

  නැවතත්, මෙහි හැඹිලි හැසිරීම මා දන්නා තරමින් නිශ්චිතව දක්වා නැත. මම එය තීරණය කළේ පරීක්ෂණයෙන්.

එබැවින්, සාරාංශයක් ලෙස, ඔබට භාවිතා කිරීමට අවශ්‍ය වන්නේ:

• location = locationපිටුවෙහි URL හි හැෂ් නොමැති තාක් කල් , හැඹිලියේ උපරිම භාවිතය සඳහා, මෙය ක්‍රියාත්මක නොවේ
• location.reload(true)නැවත වලංගු කිරීමකින් තොරව සියලු සම්පත් වල නව පිටපත් ලබා ගැනීම සඳහා (එය විශ්වීය ලෙස සහාය නොදක්වන අතර location.reload()ක්‍රෝම් වැනි සමහර බ්‍රව්සර්වල වෙනස් ආකාරයකින් ක්‍රියා නොකරනු ඇත )
• location.reload() 'නැවුම් කරන්න' බොත්තම ක්ලික් කිරීමෙන් පරිශීලකයාගේ බලපෑම විශ්වාසවන්තව ප්‍රතිනිෂ්පාදනය කිරීමට.

window.location.reload() සේවාදායකයෙන් නැවත පූරණය වන අතර ඔබගේ සියලු දත්ත, ස්ක්‍රිප්ට්, රූප ආදිය නැවත පූරණය වේ.

එබැවින් ඔබට HTML නැවුම් කිරීමට අවශ්‍ය නම්, එය window.location = document.URLඉතා ඉක්මණින් හා අඩු තදබදයකින් යුතුව නැවත පැමිණේ. නමුත් URL එකේ හැෂ් (#) තිබේ නම් එය පිටුව නැවත පූරණය නොවේ.

JQuery Loadශ්‍රිතයට පිටු නැවුම්බවක් ද කළ හැකිය:

$('body').load('views/file.html', function () {
    $(this).fadeIn(5000);
});

ප්‍රශ්නය සාමාන්‍ය බැවින්, පිළිතුර සඳහා හැකි විසඳුම් සාරාංශ කිරීමට උත්සාහ කරමු:

සරල සරල ජාවාස්ක්‍රිප්ට් විසඳුම :

පහසුම ක්‍රමය සුදුසු රේඛා විසඳුමකි.

location.reload();

මෙහි බොහෝ පුද්ගලයින් අතපසු වී ඇත්තේ, ඔවුන් යම් “ලකුණු” ලබා ගැනීමට බලාපොරොත්තු වන නිසා, රීලෝඩ් () ශ්‍රිතය විසින්ම බූලියන් පරාමිතියක් ලෙස ඉදිරිපත් කරයි (විස්තර: https://developer.mozilla.org/en-US/docs/Web / API / ස්ථානය / නැවත පූරණය කරන්න ).

Location.reload () ක්‍රමය වත්මන් URL වෙතින් සම්පත් නැවත පූරණය කරයි. එහි විකල්ප අද්විතීය පරාමිතිය බූලියන් වන අතර, එය සත්‍ය වූ විට, පිටුව සැමවිටම සේවාදායකයෙන් නැවත පූරණය වේ. එය අසත්‍ය හෝ නිශ්චිතව දක්වා නොමැති නම්, බ්‍රව්සරය එහි හැඹිලියෙන් පිටුව නැවත පූරණය කළ හැකිය.

මෙයින් අදහස් කරන්නේ ක්‍රම දෙකක් ඇති බවයි:

විසඳුම 1: සේවාදායකයෙන් වත්මන් පිටුව නැවත පූරණය කිරීමට බල කරන්න

location.reload(true);

විසඳුම 2: හැඹිලියෙන් හෝ සේවාදායකයෙන් නැවත පූරණය කිරීම (බ්‍රව්සරය සහ ඔබේ වින්‍යාසය මත පදනම්ව)

location.reload(false);
location.reload();

ඔබට එය සිදුවීමකට සවන්දීම jQuery සමඟ ඒකාබද්ධ කිරීමට අවශ්‍ය නම්, ".click" හෝ වෙනත් සිදුවීම් ආවරණ වෙනුවට ".on ()" ක්‍රමය භාවිතා කිරීමට මම නිර්දේශ කරමි, උදා: වඩාත් සුදුසු විසඳුමක් වනුයේ:

$('#reloadIt').on('eventXyZ', function() {
    location.reload(true);
});

JQuery භාවිතා කර පිටුවක් අසමමුහුර්තව නැවත පූරණය කරන විසඳුමක් මෙන්න. එමඟින් ඇතිවන දැල්ල මග හැරේ window.location = window.location. උපකරණ පුවරුවක මෙන් අඛණ්ඩව නැවත පූරණය වන පිටුවක් මෙම උදාහරණයෙන් දැක්වේ. එය යුධ පරීක්ෂාවට ලක් කර ඇති අතර ටයිම්ස් චතුරස්රයේ තොරතුරු සංදර්ශන රූපවාහිනියක ධාවනය වේ.

<!DOCTYPE html>
<html lang="en">
  <head>
    ...
    <meta http-equiv="refresh" content="300">
    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.2.3/jquery.min.js"></script>
    <script>
    function refresh() {
      $.ajax({
        url: "",
        dataType: "text",
        success: function(html) {
          $('#fu').replaceWith($.parseHTML(html));
          setTimeout(refresh,2000);
        }
      });
    }
    refresh();
    </script>
  </head>
  <body>
    <div id="fu">
      ...
    </div>
  </body>
</html>

සටහන්:

• $.ajaxකෙලින්ම භාවිතා කිරීම $.get('',function(data){$(document.body).html(data)}) css / js ගොනු හැඹිලි කඩාවැටීමට හේතු වේ , ඔබ භාවිතා cache: trueකළත් අපි භාවිතා කරන්නේ එබැවිනිparseHTML
• parseHTMLbodyටැගයක් සොයාගත නොහැකි වනු ඇත, එවිට ඔබේ මුළු ශරීරයටම අමතර අංශයකට යා යුතුය, මෙම දැනුමේ දැනුම ඔබට යම් දවසක උපකාරී වනු ඇතැයි මම බලාපොරොත්තු වෙමි, ඒ සඳහා අපි හැඳුනුම්පත තෝරාගත් ආකාරය ඔබට අනුමාන කළ හැකියdiv
• භාවිත http-equiv="refresh"ජාවාස්ක්‍රිප්ට් / සේවාදායක ඉක්කාවෙහි යම්කිසි වැරැද්දක් සිදුවුවහොත් පමණක් , එවිට ඔබට දුරකථන ඇමතුමක් ලබා නොගෙන පිටුව නැවත පූරණය වේ.
• මෙම ප්‍රවේශය බොහෝ විට මතකය කාන්දු වන අතර, http-equivනැවුම්බව එය නිවැරදි කරයි

මම සොයාගත්තා

window.location.href = "";

හෝ

window.location.href = null;

පිටුවක් නැවුම් කරයි.

ඕනෑම හෑෂ් ඉවත් කරමින් පිටුව නැවත පූරණය කිරීම මෙය පහසු කරයි. IOS සිමියුලේටරය තුළ මම AngularJS භාවිතා කරන විට මෙය ඉතා හොඳයි, එවිට මට යෙදුම නැවත ක්‍රියාත්මක කිරීමට අවශ්‍ය නොවේ.

ඔබට ජාවාස්ක්‍රිප්ට් location.reload() ක්‍රමය භාවිතා කළ හැකිය . මෙම ක්‍රමය බූලියන් පරාමිතියක් පිළිගනී. trueහෝ false. පරාමිතිය නම් true; පිටුව සැමවිටම සේවාදායකයෙන් නැවත පූරණය වේ. එය එසේ නම්false ; එය පෙරනිමිය හෝ හිස් පරාමිති බ්‍රව්සරය සමඟ එහි හැඹිලියෙන් පිටුව නැවත පූරණය කරන්න.

trueපරාමිතිය සමඟ

<button type="button" onclick="location.reload(true);">Reload page</button>

default/ falseපරාමිතිය සමඟ

 <button type="button" onclick="location.reload();">Reload page</button>

Jquery භාවිතා කිරීම

<button id="Reloadpage">Reload page</button>
<script type="text/javascript">
    $('#Reloadpage').click(function() {
        location.reload();
    }); 
</script>

ඔබ අවශ්ය නැහැ භාවිතයෙන් පිටුව යළිපූරණය කිරීමට, jQuery කිසිවක් පිරිසිදු JavaScript , හුදෙක් මේ වගේ ස්ථානයක දේපල මත රීලෝඩ් කාර්යය භාවිතා කරන්න:

window.location.reload();

පෙරනිමියෙන්, මෙය බ්‍රව්සර් හැඹිලිය භාවිතයෙන් පිටුව නැවත පූරණය කරයි (පවතී නම්) ...

පිටුව බලහත්කාරයෙන් රීලෝඩ් කිරීමට ඔබ කැමති නම්, පහත දැක්වෙන ආකාරයට නැවත පූරණය කිරීමේ ක්‍රමයට සත්‍ය අගයක් ලබා දෙන්න ...

window.location.reload(true);

ඔබ දැනටමත් කවුළු විෂය පථයේ සිටී නම් , ඔබට කවුළුව ඉවත් කර කළ හැකිය:

location.reload();

භාවිත

location.reload();

හෝ

window.location.reload();

onclick="return location.reload();"බොත්තම් ටැගය තුළ භාවිතා කරන්න .

<button id="refersh-page" name="refersh-page" type="button" onclick="return location.reload();">Refesh Page</button>

ඔබ jQuery භාවිතා කරන්නේ නම් සහ නැවුම් කිරීමට අවශ්‍ය නම්, javascript ශ්‍රිතයක් තුළ ඔබේ jQuery එක් කිරීමට උත්සාහ කරන්න:

අනේ ක්ලික් කරන විට පිටුවකින් අයිෆ්‍රේම් එකක් සැඟවීමට මට අවශ්‍ය විය h3, මට එය ක්‍රියාත්මක වූ නමුත් මට එය බැලීමට ඉඩ දුන් අයිතමය ක්ලික් කිරීමට නොහැකි වියiframe බ්‍රව්සරය අතින් නැවුම් කළහොත් මිස ආරම්භ නොහැකි විය ... පරමාදර්ශී නොවේ.

මම පහත සඳහන් දෑ අත්හදා බැලුවෙමි.

var hide = () => {
    $("#frame").hide();//jQuery
    location.reload(true);//javascript
};

සරල ජේන් ජාවාස්ක්‍රිප්ට් ඔබේ jQuery සමඟ මිශ්‍ර කිරීම ක්‍රියා කළ යුතුය.

// code where hide (where location.reload was used)function was integrated, below    
    iFrameInsert = () => {
        var file = `Fe1FVoW0Nt4`;
        $("#frame").html(`<iframe width=\"560\" height=\"315\" src=\"https://www.youtube.com/embed/${file}\" frameborder=\"0\" allow=\"autoplay; encrypted-media\" allowfullscreen></iframe><h3>Close Player</h3>`);
        $("h3").enter code hereclick(hide);
}

// View Player 
$("#id-to-be-clicked").click(iFrameInsert);

මෙහි ඇති සියලුම පිළිතුරු හොඳයි. පිටුව නැවත පූරණය කිරීම පිළිබඳව ප්‍රශ්නය නියම කරන බැවින්jquery, අනාගත පා .කයින් සඳහා තවත් යමක් එකතු කිරීමට මම සිතුවෙමි.

jQuery යනු හරස්-වේදිකා ජාවාස්ක්‍රිප්ට් පුස්තකාලයකි .

^{~ විකිපීඩියා ~}

ඒ නිසා අත්තිවාරම බව ඔබ තේරුම් ගනීවි jquery, හෝ jquery මත පදනම් වේ javascript. එබැවින් පිරිසිදු සමග යාමjavascript සරල දේවලට වඩා හොඳ වේ.

නමුත් ඔබට අවශ්ය නම් jquery විසඳුම, මෙන්න එකක්.

$(location).attr('href', '');

වත්මන් පිටු නැවත පූරණය කිරීමට බොහෝ ක්‍රම තිබේ, නමුත් කෙසේ හෝ එම ප්‍රවේශයන් භාවිතා කිරීමෙන් ඔබට පිටුව යාවත්කාලීන වී ඇති නමුත් හැඹිලි අගයන් කිහිපයක් නොතිබෙනු ඇත, එබැවින් එම ගැටළුව මඟහරවා ගන්න හෝ ඔබ දැඩි ඉල්ලීම් කිරීමට කැමති නම් පහත කේතය භාවිතා කරන්න.

    location.reload(true);
    //Here, it will make a hard request or reload the current page and clear the cache as well.


    location.reload(false); OR location.reload();
    //It can be reload the page with cache

<i id="refresh" class="fa fa-refresh" aria-hidden="true"></i>

<script>
$(document).on('click','#refresh',function(){
   location.reload(true);
});
</script>

සරල ජාවාස්ක්‍රිප්ට් විසඳුම:

 location = location; 

<button onClick="location = location;">Reload</button>

බොහෝ විට කෙටිම (අක්ෂර 12) - ඉතිහාසය භාවිතා කරන්න

history.go()

ඔබට එය ආකාර දෙකකින් ලිවිය හැකිය. 1 වන පිටුව සරල නැවත නැවුම් කිරීමක් ලෙසද හැඳින්වෙන පිටුව නැවත පූරණය කිරීමේ සම්මත ක්‍රමයයි

location.reload(); //simple refresh

තවත් එකක් දෘ ref නැවුම්බව ලෙස හැඳින්වේ . මෙන්න ඔබ බූලියන් ප්‍රකාශනය පසු කර එය සත්‍ය ලෙස සකසන්න. මෙමඟින් පිටුව නැවත පූරණය වන අතර පැරණි හැඹිලිය විනාශ කර අන්තර්ගතය මුල සිටම පෙන්වනු ඇත.

location.reload(true);//hard refresh

එය ජාවාස්ක්‍රිප්ට් හි කෙටිම වේ.

window.location = '';

$(document).on("click", "#refresh_btn", function(event) 
{
     window.location.replace(window.location.href);
});

මෙහිදී ඔබට මෙම පිටුව අලුත් කිරීමට භාවිත කළ හැක කේතය සමහර රේඛාවන් jQuery භාවිතා .

එය jQuery එතීම භාවිතා කරන අතර ස්වදේශීය ඩොම් මූලද්‍රව්‍යය උපුටා ගනී.

ඔබේ කේතය පිළිබඳ jQuery හැඟීමක් අවශ්‍ය නම් මෙය භාවිතා කරන්න, ඔබ වේගය / ක්‍රියාකාරිත්වය ගැන තැකීමක් නොකරයි .

ඔබේ අවශ්‍යතාවන්ට ගැලපෙන 1 සිට 10 දක්වා තෝරන්න හෝ ඊට පෙර රටාව සහ පිළිතුරු මත පදනම්ව තවත් කිහිපයක් එකතු කරන්න.

<script>
  $(location)[0].reload(); //1
  $(location).get(0).reload(); //2
  $(window)[0].location.reload(); //3
  $(window).get(0).location.reload(); //4
  $(window)[0].$(location)[0].reload(); //5
  $(window).get(0).$(location)[0].reload(); //6
  $(window)[0].$(location).get(0).reload(); //7
  $(window).get(0).$(location).get(0).reload(); //8
  $(location)[0].href = ''; //9
  $(location).get(0).href = ''; //10
  //... and many other more just follow the pattern.
</script>