Bir sayfay─▒ jQuery ile nas─▒l yenileyebilirim?


Al─▒nan cevaba git


Bir sayfay─▒ jQuery ile nas─▒l yenileyebilirim?


2335





2011-03-23




Cevap say─▒s─▒n─▒ say: 24






Kullan─▒m location.reload() :

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

reload() Fonksiyon i├žin ayarlanabilir iste─če ba─čl─▒ bir parametre al─▒r true sunucunun yerine ├Ânbellekten bir yeniden kuvvet i├žin. Parametre varsay─▒lan olarak de─či┼čir false , dolay─▒s─▒yla varsay─▒lan olarak sayfa taray─▒c─▒n─▒n ├Ânbelle─činden y├╝klenebilir.


3697


2011-03-23





Bu, jQuery olmadan bile t├╝m taray─▒c─▒larda ├žal─▒┼čmal─▒d─▒r:

 location.reload();
 

444







Orada birden JavaScript bir sayfay─▒ yenilemek i├žin s─▒n─▒rs─▒z yollar─▒:

  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)

    Belgeyi web sunucusundan tekrar ├žekmemiz gerekirse (belge i├žeri─činin dinamik olarak de─či┼čti─či yerler gibi) arg├╝man─▒ ┼ču ┼čekilde iletiriz true .

Listeye yarat─▒c─▒ olmaya devam edebilirsiniz:

  • window.location = window.location
  • window.self.window.self.window.window.location = window.location
  • ... ve di─čer 534 yol

 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> 


429







San─▒r─▒m bir├žok yol i┼če yarayacak:

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

195







Bir sayfay─▒ jQuery ile yeniden y├╝klemek i├žin ┼čunu yap─▒n:

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

Burada kulland─▒─č─▒m yakla┼č─▒m Ajax jQuery oldu. Chrome 13'te test ettim . Sonra kodu, yeniden y├╝klemeyi tetikleyecek i┼čleyiciye koydum. URL oldu─ču "" anlam─▒na gelir bu sayfay─▒ .


120







Ge├žerli sayfa bir POST iste─či taraf─▒ndan y├╝klenmi┼čse, kullanmak isteyebilirsiniz.

 window.location = window.location.pathname;
 

yerine

 window.location.reload();
 

├ž├╝nk├╝ window.location.reload() POST iste─či taraf─▒ndan y├╝klenen bir sayfada ├ža─čr─▒l─▒rsa onay isteyecektir.


105







Soru olmal─▒

JavaScript ile bir sayfa nas─▒l yenilenirhttp://en.wikipedia.org/wiki/JavaScript

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

Se├žim i├žin ┼č─▒mar─▒ks─▒n.


63







Kullanmak isteyebilirsiniz

 location.reload(forceGet)
 

forceGet Boolean ve iste─če ba─čl─▒.

Varsay─▒lan de─čer, sayfay─▒ ├Ânbellekten yeniden y├╝kleyen yanl─▒┼čt─▒r.

Taray─▒c─▒y─▒ ├Ânbellekten de kurtulmak i├žin sayfay─▒ sunucudan almaya zorlamak istiyorsan─▒z bu parametreyi true de─čerine ayarlay─▒n.

Ya da sadece

 location.reload()
 

E─čer ├Ânbelle─če alma ile h─▒zl─▒ ve kolay istiyorsan─▒z.


54







├ľnbellekle ilgili farkl─▒ davran─▒┼člarda ├╝├ž yakla┼č─▒m:

  • location.reload(true)

    forcedReload Parametresini uygulayan taray─▒c─▒larda location.reload() , sayfan─▒n ve t├╝m kaynaklar─▒n─▒n (komut dosyas─▒, stil sayfas─▒, resim vb.) Yeni bir kopyas─▒n─▒ alarak yeniden y├╝kler. Hizmet etmeyecek herhangi ├Ânbellekten kaynaklar - herhangi g├Ândermeden sunucudan taze kopyalar─▒n─▒ al─▒r if-modified-since veya if-none-match istekte ba┼čl─▒klar─▒n─▒.

    M├╝mk├╝n olan yerlerde taray─▒c─▒larda "sabit bir yeniden y├╝kleme" yapan kullan─▒c─▒ya e┼čde─čerdir.

    Not oldu─čunu ge├žen true etmek location.reload() Firefox'ta (bkz desteklenir MDN ) ve Internet Explorer (bkz MSDN ) ama evrensel olarak desteklenen ve bir par├žas─▒ de─čildir de─čil W3 HTML 5 spec , ne W3 taslak HTML 5.1 Spec , ne de WHATWG HTML Ya┼čam Standard─▒ .

    Destekleyen taray─▒c─▒larda, Google Chrome location.reload(true) gibi, ile ayn─▒ ┼čekilde davran─▒r location.reload() .

  • location.reload() veya location.reload(false)

    ├ço─čul sayfas─▒, bir taze getirilirken, HTML sayfas─▒n─▒n ├╝zerindeki, ve sahne olmayan ├Ânbelle─če al─▒nan kopya RFC 7234 , taray─▒c─▒ ├Ânbelle─če al─▒p almad─▒─č─▒n─▒ (komut gibi) herhangi bir kaynak revalidasyon isteklerini bile olsalar taze RFC 7234 izinler hizmet etmek taray─▒c─▒ vard─▒r onlar─▒ yeniden onaylamadan.

    Bir location.reload() arama yaparken taray─▒c─▒n─▒n ├Ânbelle─čini nas─▒l kullanmas─▒ gerekti─či tam olarak s├Âyleyebilece─čim kadar─▒yla belirtilmemi┼č veya belgelenmemi┼č; Yukar─▒daki davran─▒┼člar─▒ deneyimle belirledim.

    Bu, sadece taray─▒c─▒lar─▒nda "yenile" d├╝─čmesine basarak kullan─▒c─▒ya e┼čde─čerdir.

  • location = location (ya location da ├Âzelliklerine atanmay─▒ da i├žeren sonsuz say─▒da ba┼čka olas─▒ teknikler )

    Yaln─▒zca sayfan─▒n URL'si bir fragid / hashbang i├žermiyorsa ├žal─▒┼č─▒r!

    Refetching veya yeniden valide olmadan Reloads sayfas─▒n─▒ herhangi taze ├Ânbellekten kaynaklar. Sayfan─▒n HTML'sinin kendisi tazese, bu, hi├žbir HTTP iste─či yapmadan sayfay─▒ yeniden y├╝kler.

    Bu, sayfay─▒ yeni bir sekmede a├žan kullan─▒c─▒ya e┼čittir (├Ânbellek bak─▒┼č a├ž─▒s─▒ndan).

    Ancak, sayfan─▒n URL adresi bir karma i├žeriyorsa, bunun hi├žbir etkisi olmaz.

    Yine, burada ├Ânbelle─če alma davran─▒┼č─▒ bildi─čim kadar─▒yla belirtilmemi┼č; Test ederek belirledim.

Yani, ├Âzet olarak, kullanmak istersiniz:

  • location = location Sayfa URLÔÇÖsinde bir karma┼ča olmad─▒─č─▒ s├╝rece ├Ânbelle─čin maksimum kullan─▒m─▒ i├žin , bu durumda i┼če yaramaz
  • location.reload(true) Yeniden de─čerlendirme yapmadan t├╝m kaynaklar─▒n yeni kopyalar─▒n─▒ almak (evrensel olarak desteklenmemesine ve location.reload() Chrome gibi baz─▒ taray─▒c─▒larda farkl─▒ davranmamas─▒na ra─čmen )
  • location.reload() 'yenile' d├╝─čmesini t─▒klatarak kullan─▒c─▒n─▒n etkisini g├╝venilir bir ┼čekilde ├žo─čaltmak i├žin.

37







window.location.reload() sunucudan yeniden y├╝klenecek ve t├╝m verilerinizi, komut dosyalar─▒n─▒z─▒, resimlerinizi vb. tekrar y├╝kleyecektir.

Bu nedenle, yaln─▒zca HTMLÔÇÖyi yenilemek istiyorsan─▒z, window.location = document.URL ├žok daha h─▒zl─▒ ve daha az trafik ├žekecek. Ancak, URLÔÇÖde bir karma (#) varsa sayfa yeniden y├╝klenmeyecektir.


25


2013-10-13





JQuery Load i┼člevi ayr─▒ca sayfa yenileme yapabilir:

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

16







Soru genel oldu─čundan, cevap i├žin olas─▒ ├ž├Âz├╝mleri toplamaya ├žal─▒┼čal─▒m:

Basit d├╝z JavaScript ├ç├Âz├╝m├╝ :

En kolay yol, uygun bir ┼čekilde yerle┼čtirilmi┼č tek hatl─▒ bir ├ž├Âz├╝md├╝r:

 location.reload();
 

Burada ka├ž ki┼činin eksik oldu─ču, ├ž├╝nk├╝ baz─▒ "puanlar" almay─▒ umuyorlar ├ž├╝nk├╝, recoad () i┼člevinin kendisinin bir parametre olarak bir Boole sunmas─▒ (ayr─▒nt─▒lar: https://developer.mozilla.org/en-US/docs/Web) / API / Konum / yeniden y├╝kle ).

Location.reload () y├Ântemi, kayna─č─▒ ge├žerli URL'den yeniden y├╝kler. ─░ste─če ba─čl─▒ benzersiz parametresi, do─čru oldu─čunda sayfan─▒n her zaman sunucudan yeniden y├╝klenmesine neden olan bir Boolean'dir. Yanl─▒┼č veya belirtilmemi┼čse, taray─▒c─▒ sayfay─▒ ├Ânbelle─činden yeniden y├╝kleyebilir.

Bunun iki yolu vard─▒r:

1. ├ç├Âz├╝m: Ge├žerli sayfay─▒ sunucudan yeniden y├╝klemeye zorlay─▒n

 location.reload(true);
 

2. ├ç├Âz├╝m: ├ľnbellekten veya sunucudan yeniden y├╝kleme (taray─▒c─▒ya ve yap─▒land─▒rman─▒za g├Âre)

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

Ve bir olay─▒ dinlemek i├žin jQuery ile birle┼čtirmek istiyorsan─▒z, ".click" yerine ".on ()" y├Ântemini ya da di─čer etkinlik paketleyicilerini kullanman─▒z─▒ ├Âneririm, ├Ârne─čin daha uygun bir ├ž├Âz├╝m:

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

15







JQuery kullanarak bir sayfay─▒ e┼čzamans─▒z olarak yeniden y├╝kleyen bir ├ž├Âz├╝m. Neden oldu─ču titremeyi ├Ânler window.location = window.location . Bu ├Ârnekte, g├Âsterge panelinde oldu─ču gibi s├╝rekli olarak yeniden y├╝klenen bir sayfa g├Âsterilmektedir. Sava┼čta test edilmi┼č ve Times Square'de bir bilgi ekran─▒ TV'de ├žal─▒┼č─▒yor.

 <!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>
 

Notlar:

  • $.ajax Do─črudan kullanmak $.get('',function(data){$(document.body).html(data)}) , css / js dosyalar─▒n─▒n ├Ânbelle─če al─▒nmas─▒na neden olur , kullan─▒yor olsan─▒z bile cache: true , bu y├╝zden kullan─▒yoruz. parseHTML
  • parseHTML body V├╝cudunuzun fazladan bir div'e girmesi i├žin bir etiket bulamayacak , umar─▒m bu bilgi b├Âl├╝m├╝ bir g├╝n size yard─▒mc─▒ olur, bunun i├žin kimli─či nas─▒l se├žti─čimizi tahmin edebilirsiniz. div
  • http-equiv="refresh" Javascript / server h─▒├žk─▒r─▒kla ilgili bir ┼čeyler ters gitti─činde kullan─▒n , o zaman sayfa bir telefon g├Âr├╝┼čmesi olmadan yeniden y├╝klenecektir
  • Bu yakla┼č─▒m muhtemelen bir ┼čekilde haf─▒za s─▒zd─▒r─▒yor, http-equiv yenileme d├╝zeltiyor

14







buldum

 window.location.href = "";
 

veya

 window.location.href = null;
 

ayr─▒ca bir sayfay─▒ yeniler.

Bu, herhangi bir karma┼čay─▒ kald─▒rarak sayfan─▒n yeniden y├╝klenmesini ├žok daha kolayla┼čt─▒r─▒r. Bu iOS sim├╝lat├Âr├╝nde AngularJS kulland─▒─č─▒mda ├žok g├╝zel, b├Âylece uygulamay─▒ tekrar ├žal─▒┼čt─▒rmak zorunda kalm─▒yorum.


12







JavaScript location.reload() y├Ântemini kullanabilirsiniz . Bu y├Ântem bir boolean parametresini kabul eder. true veya false . Parametre ise true ; sayfa her zaman sunucudan yeniden y├╝klendi. E─čer ├Âyleyse false ; varsay─▒lan veya bo┼č parametre taray─▒c─▒s─▒ olan sayfay─▒ ├Ânbellekten yeniden y├╝kleyin.

ile true parametre

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

─░le default / false parametre

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

Jquery kullanarak

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

8







Sen gerekmez kullanarak bir sayfay─▒ yeniden, jQuery bir ┼čey saf JavaScript sadece bu gibi konum m├╝lkiyet yeniden i┼člevini kullan─▒n:

 window.location.reload();
 

Varsay─▒lan olarak, bu taray─▒c─▒ ├Ânbelle─čini kullanarak sayfay─▒ yeniden y├╝kler (varsa) ...

Sayfay─▒ yeniden y├╝klemeye zorlamak istiyorsan─▒z, a┼ča─č─▒daki gibi yeniden y├╝kleme y├Ântemine ger├žek bir de─čer iletin ...

 window.location.reload(true);
 

Ayr─▒ca, zaten pencere kapsam─▒ i├žindeyseniz, pencereden kurtulup ┼čunlar─▒ yapabilirsiniz:

 location.reload();
 

8







kullan─▒m

 location.reload();
 

veya

 window.location.reload();
 

7







JQuery kullan─▒yorsan─▒z ve yenilemek istiyorsan─▒z, jQuery'nizi bir javascript i┼člevine eklemeyi deneyin:

Oh a t─▒klarken bir sayfadan iframe gizlemek istedim h3 , benim i├žin i┼če yarad─▒, ancak iframe taray─▒c─▒y─▒ manuel olarak tazelemedi─čim s├╝rece ba┼čtan izlememe izin veren ├Â─čeyi t─▒klayamad─▒m ... ideal de─čil.

A┼ča─č─▒dakileri denedim:

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

Jane javascript ile jQuery'nizin kar─▒┼čt─▒r─▒lmas─▒ ├žal─▒┼čmal─▒d─▒r.

 // 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);
 

3







onclick="return location.reload();" D├╝─čme etiketi i├žinde kullan─▒n .

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

2







Buradaki t├╝m cevaplar iyi. Soru, sayfan─▒n jquery ile yeniden y├╝klenmesini belirtti─činden , gelecek okuyucular i├žin daha fazla bir ┼čeyler eklemeyi d├╝┼č├╝nd├╝m.

jQuery ,HTML'nin istemci taraf─▒ komut dosyas─▒n─▒ basitle┼čtirmek i├žin tasarlanm─▒┼č├žapraz platformlu bir JavaScript k├╝t├╝phanesidir .

~ Vikipedi ~

Yani jquery veya jquery'nin temelinin javascript'e dayand─▒─č─▒n─▒ anlayacaks─▒n─▒z . Saf gidiyor Yani javascript basit ┼čeyler s├Âz konusu oldu─čunda ├žok daha iyi.

Ama bir jquery ├ž├Âz├╝m├╝ne ihtiyac─▒n─▒z varsa , i┼čte bir tane.

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

2







Ge├žerli sayfalar─▒ yeniden y├╝klemek i├žin bir├žok yol var, ancak bir ┼čekilde sayfan─▒n g├╝ncellenmi┼č oldu─čunu g├Ârebiliyorsunuz ancak birka├ž ├Ânbellek de─čeriyle bu yakla┼č─▒mlar─▒ kullanmayacaks─▒n─▒z, bu nedenle bu sorunun ├╝stesinden gelmek veya zorlu istekleriniz varsa a┼ča─č─▒daki kodu kullan─▒n.

     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
 

2







Basit Javascript ├ç├Âz├╝m├╝:

  location = location; 
 

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


1


2018-07-10





JQuery kullanarak sayfay─▒ yeniden y├╝klemek i├žin kullanabilece─činiz baz─▒ kod sat─▒rlar─▒ a┼ča─č─▒dad─▒r .

JQuery sar─▒c─▒s─▒n─▒ kullan─▒r ve yerel dom ├Â─česini ├ž─▒kar─▒r.

Kodunuzda bir jQuery hissi istiyorsan─▒z ve kodun h─▒z─▒ / performans─▒ ile ilgilenmiyorsan─▒z bunu kullan─▒n .

─░htiya├žlar─▒n─▒za uygun 1 ila 10 aras─▒nda bir se├žim yap─▒n veya bundan ├Ânceki desene ve yan─▒tlara g├Âre biraz daha ekleyin.

 <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>
 

0







JavaScript'te en k─▒sad─▒r.

 location = '';
 

-1



─░lgili yay─▒nlar


Swift 4'te #selector () ile @objc ├ž─▒kar─▒mdan mahrum b─▒rakma ile nas─▒l ba┼čedebilirim?

Dokunmatik ekran i├žin bir jQuery UI 's├╝r├╝klenebilir ()' div'sini nas─▒l s├╝r├╝kleyebilirim?

JQuery ile ÔÇťonclickÔÇŁ nas─▒l kald─▒r─▒l─▒r?

Google API istemcisiyle belirteci nas─▒l yenileyebilirim?

JQuery diyalog penceremi merkeze nas─▒l yerle┼čtirebilirim?

Firebase ile birden fazla sosyal servisle nas─▒l giri┼č yapabilirim?

Bir nesne dosyas─▒n─▒n -fPIC ile olu┼čturuldu─čunu objdump gibi bir ┼čeyle nas─▒l anlar─▒m?

Jquery ile ÔÇťhrefÔÇŁ nas─▒l kald─▒r─▒l─▒r?

Log4j ile bir uyar─▒n─▒n kaydedildi─čini junit ile nas─▒l test edebilirim? [├žift]

JQuery ile IE7 nas─▒l tespit edilir?

Etiketle ilgili di─čer sorular [javascript]


JavaScript'te rasgele dize / karakterler olu┼čturun

Servetler nas─▒l ├žal─▒┼č─▒r? ├ľrnek alma, oturumlar, payla┼č─▒lan de─či┼čkenler ve ├žoklu okuma

Bir regex'in t├╝m olu┼čumlar─▒n─▒ e┼čle┼čtir

.NET Reflekt├Ârden daha iyi bir ┼čey mi? [kapal─▒]

[Has] kapal─▒ okumak ve ├Â─črenmek i├žin iyi Haskell kayna─č─▒

ÔÇťEvetÔÇŁ, ÔÇťHay─▒rÔÇŁ se├ženekleri ve bir DialogResult i├žeren bir mesaj kutusu nas─▒l olu┼čturabilirim?

├çok say─▒da dize de─čerine sahip bir dizeler listesi (List <string>) nas─▒l ba┼člat─▒l─▒r

PHP + MySQL i┼člem ├Ârnekleri

S─▒n─▒f niteliklerini ko┼čullu olarak uygulayarak J'lere tepki verin

B├╝t├╝n bir Jar dosyas─▒n─▒ nas─▒l kodabilirim? [kapal─▒]