복붙노트

[JQUERY] 어떻게 jQuery로 페이지를 새로 고침 할 수 있습니까?

JQUERY

어떻게 jQuery로 페이지를 새로 고침 할 수 있습니까?

해결법


  1. 1.) (location.reload를 사용합니다 :

    ) (location.reload를 사용합니다 :

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

    다시로드 () 함수는 서버가 아닌 캐시에서 다시로드를 강제로 true로 설정 될 수있는 선택적 매개 변수를 사용합니다. false로 매개 변수의 기본값은, 그래서 기본적으로 페이지가 브라우저의 캐시에서 다시로드 할 수 있습니다.


  2. 2.이것은 심지어 jQuery를없이 모든 브라우저에서 작동합니다 :

    이것은 심지어 jQuery를없이 모든 브라우저에서 작동합니다 :

    location.reload();
    

  3. 3.자바 스크립트로 페이지를 새로 고침 여러 무제한 가지 방법이 있습니다 :

    자바 스크립트로 페이지를 새로 고침 여러 무제한 가지 방법이 있습니다 :

    당신은 창의적인 목록을 계속할 수 있습니다 :

    VAR 방법 = "location.reload ()", "(0) history.go" "같이 location.href = 같이 location.href" "같이 location.href = location.pathname" "location.replace (location.pathname)", "location.reload (거짓)" ]; var에 $ 바디 = $ ( "몸"); 위한 VAR (I = 0; I ", { 텍스트 : CMETHOD }).에 (, 기능을 "클릭"() { 평가 (CMETHOD); // 평가를 사용하여 저를 비난하지 않는다 })); } () 메소드 [I]); } 버튼 { 배경 : # 2ecc71; 국경 : 0; 색상 : 흰색; 폰트 중량 : 굵은; 글꼴 - 가족 : "모나코", 고정 폭; 패딩 : 10px; 경계 반경 : 4 픽셀; 커서 : 포인터; 전환 : 배경 색상은 편의성을 0.5 초; 마진 : 2 픽셀; } 버튼 : 가져가 { 배경 : # 27ae60; } <스크립트 SRC = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">


  4. 4.작동 방법의 제비, 나는 가정한다 :

    작동 방법의 제비, 나는 가정한다 :


  5. 5.jQuery로 페이지를 다시로드하려면 수행

    jQuery로 페이지를 다시로드하려면 수행

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

    내가 사용하는 것이 이곳의 접근 방식은 아약스 jQuery를했다. 나는 다시로드를 트리거 할 처리기에 코드를 넣어 다음 크롬 (13)에 그것을 테스트. URL은이 페이지를 의미하는 ""입니다.


  6. 6.현재 페이지는 POST 요청에 의해로드 된 경우 사용할 수 있습니다

    현재 페이지는 POST 요청에 의해로드 된 경우 사용할 수 있습니다

    window.location = window.location.pathname;
    

    대신에

    window.location.reload();
    

    window.location.reload ()가 확인하라는 메시지가 표시됩니다 때문에 POST 요청에 의해로드 된 페이지에서 호출합니다.


  7. 7.문제는해야한다

    문제는해야한다

    자바 스크립트와 페이지를 새로 고침하는 방법

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

    당신은 선택을 위해 버릇하고 있습니다.


  8. 8.당신은 사용할 수 있습니다

    당신은 사용할 수 있습니다

    location.reload(forceGet)
    

    forceGet 부울 및 선택입니다.

    기본값은 캐시에서 페이지를 다시로드 false입니다.

    당신은뿐만 아니라 캐시를 제거하기 위해 서버에서 페이지를 얻을 수있는 브라우저를 강제하려는 경우이 매개 변수를 true로 설정합니다.

    아니면 그냥

    location.reload()
    

    당신은 신속하고 캐싱을 쉽게합니다.


  9. 9.세 가지 서로 다른 캐시 관련 행동과 접근 :

    세 가지 서로 다른 캐시 관련 행동과 접근 :

    그래서, 요약, 당신은 사용할 :


  10. 10.window.location.reload ()는 서버에서 다시로드하고 다시 등 모든 데이터, 스크립트, 이미지를로드합니다.

    window.location.reload ()는 서버에서 다시로드하고 다시 등 모든 데이터, 스크립트, 이미지를로드합니다.

    그냥 HTML을 새로 고치려면 그래서,에서는 window.location은 = document.URL가 훨씬 빠르고 적은 트래픽으로 돌아갑니다. URL에 해시 (#)이 있으면 그러나 페이지를 다시로드하지 않습니다.


  11. 11.JQuery와로드 기능은 페이지 새로 고침을 수행 할 수 있습니다 :

    JQuery와로드 기능은 페이지 새로 고침을 수행 할 수 있습니다 :

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

  12. 12.문제는 제네릭으로의 대답에 대한 가능한 해결책을 요약 해보자 :

    문제는 제네릭으로의 대답에 대한 가능한 해결책을 요약 해보자 :

    간단한 일반 자바 스크립트 솔루션 :

    가장 쉬운 방법은 적절한 방법으로 배치 한 줄 솔루션입니다 :

    location.reload();
    

    그들이 약간의 "포인트"를 얻을 수 있도록 노력하겠습니다 때문에 많은 사람들이 여기에 누락하면 다시로드 () 함수 자체가 매개 변수 (세부 사항으로 부울을 제공한다는 것입니다 : https://developer.mozilla.org/en-US/docs/Web / API / 위치 / 재 장전).

    이 두 가지 방법이 있습니다 의미 :

    Solution1는 : 포스는 서버에서 현재 페이지를 다시로드

    location.reload(true);
    

    Solution2 : 캐시 나 서버에서 다시로드 (브라우저 및 설정에 따라)

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

    당신이 이벤트에 jQuery를 함께 듣기를 결합하려는 경우에, 내가 대신 ".click"또는 다른 이벤트 래퍼, 예를 들어,의 ") (CSTE 연구진은"방법을 사용하는 것이 좋습니다 것입니다 더 적절한 솔루션은 다음과 같습니다

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

  13. 13.여기에 비동기 적으로 jQuery를 사용하여 페이지를 다시로드 솔루션이다. 그것은에서는 window.location =에서는 window.location으로 인한 깜박임을 방지 할 수 있습니다. 이 예는 대시 보드에서와 같이, 그 리로드 계속 페이지를 보여준다. 그것은 전투 테스트이며, 타임 스퀘어 (Times Square)에서 정보 표시 TV에서 실행되고 있습니다.

    여기에 비동기 적으로 jQuery를 사용하여 페이지를 다시로드 솔루션이다. 그것은에서는 window.location =에서는 window.location으로 인한 깜박임을 방지 할 수 있습니다. 이 예는 대시 보드에서와 같이, 그 리로드 계속 페이지를 보여준다. 그것은 전투 테스트이며, 타임 스퀘어 (Times Square)에서 정보 표시 TV에서 실행되고 있습니다.

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

    메모:


  14. 14.I의 FOUND

    I의 FOUND

    window.location.href = "";
    

    또는

    window.location.href = null;
    

    또한 페이지 새로 고침을한다.

    이것은 매우 쉽게 모든 해시를 제거하는 페이지를 다시로드 할 수 있습니다. 나는 응용 프로그램을 다시 실행하지 않아도 그래서, 아이폰 OS 시뮬레이터에 AngularJS와를 사용하고 때 매우 좋은 것입니다.


  15. 15.당신은 자바 스크립트 location.reload () 메서드를 사용할 수 있습니다. 이 방법은 부울 매개 변수를 받아들입니다. 참 또는 거짓. 매개 변수가 TRUE 인 경우; 페이지는 항상 서버에서 다시로드. 이 false 인 경우; 이는 기본 또는 빈 매개 변수 브라우저는 캐시에서 페이지를 다시로드합니다.

    당신은 자바 스크립트 location.reload () 메서드를 사용할 수 있습니다. 이 방법은 부울 매개 변수를 받아들입니다. 참 또는 거짓. 매개 변수가 TRUE 인 경우; 페이지는 항상 서버에서 다시로드. 이 false 인 경우; 이는 기본 또는 빈 매개 변수 브라우저는 캐시에서 페이지를 다시로드합니다.

    true 매개 변수로

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

    기본 / 거짓 매개 변수로

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

  16. 16.당신은이 같은 위치 속성에 다시로드 기능을 사용하여, 순수 자바 스크립트를 사용하여 페이지를 다시로드, jQuery를에서 아무것도 필요하지 않습니다 :

    당신은이 같은 위치 속성에 다시로드 기능을 사용하여, 순수 자바 스크립트를 사용하여 페이지를 다시로드, jQuery를에서 아무것도 필요하지 않습니다 :

    window.location.reload();
    

    (있는 경우) 기본적으로이 브라우저 캐시를 사용하여 페이지를 다시로드합니다 ...

    당신이 강제로 다시로드 페이지를 수행하려는 경우, 바로 아래와 같이 재 장전 방법에 진정한 가치를 통과 ...

    window.location.reload(true);
    

    당신이 윈도우 범위에 이미 또한, 당신은 창을 없애 및 수행 할 수 있습니다

    location.reload();
    

  17. 17.사용하다

    사용하다

    location.reload();
    

    또는

    window.location.reload();
    

  18. 18.사용의 onclick = "반환 location.reload ();" 버튼 태그 내.

    사용의 onclick = "반환 location.reload ();" 버튼 태그 내.

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

  19. 19.당신이 jQuery를 사용하여 새로 고침 할 경우, 다음 자바 스크립트 함수에 jQuery를 추가하려고 :

    당신이 jQuery를 사용하여 새로 고침 할 경우, 다음 자바 스크립트 함수에 jQuery를 추가하려고 :

    내가, 오 H3을 클릭하면 페이지에서 iframe을 숨길 싶어 나를 위해이 일을하지만 제가 브라우저를 수동으로 갱신하지 않는로 시작하는 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);
    

  20. 20.여기에 모든 해답이 좋다. jQuery로 페이지를 다시로드에 대한 질문을 지정하기 때문에, 난 그냥 미래의 독자를 위해 더 많은 일을 추가 생각했다.

    여기에 모든 해답이 좋다. jQuery로 페이지를 다시로드에 대한 질문을 지정하기 때문에, 난 그냥 미래의 독자를 위해 더 많은 일을 추가 생각했다.

    당신이 JQuery와, 또는 JQuery와의 기초는 자바 스크립트를 기반으로 이해합니다 그래서. 그것은 간단한 일에 관해서 순수 자바 스크립트로 가고 그래서 더 나은 방법입니다.

    당신이 JQuery와 솔루션을 필요로하지만, 여기에 하나입니다.

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

  21. 21.가 현재 페이지를 다시로드하는 방법에는 여러 가지가 있지만, 어떻게 든 사람들을 사용하면 그래서 그 문제를 극복하거나 하드 요청을하고자하는 경우 다음 코드 아래를 사용하여 페이지가 업데이트하지만 몇 캐시 값이있을 것으로 볼 수 있습니다 접근한다.

    가 현재 페이지를 다시로드하는 방법에는 여러 가지가 있지만, 어떻게 든 사람들을 사용하면 그래서 그 문제를 극복하거나 하드 요청을하고자하는 경우 다음 코드 아래를 사용하여 페이지가 업데이트하지만 몇 캐시 값이있을 것으로 볼 수 있습니다 접근한다.

        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
    

  22. 22.

    <i id="refresh" class="fa fa-refresh" aria-hidden="true"></i>
    
    <script>
    $(document).on('click','#refresh',function(){
       location.reload(true);
    });
    </script>
    

  23. 23.간단한 자바 스크립트 솔루션 :

    간단한 자바 스크립트 솔루션 :

     location = location; 
    

    <버튼의 onclick = "위치 = 위치;"> 장전


  24. 24.아마 짧은 (12 개 문자) - 사용 내역

    아마 짧은 (12 개 문자) - 사용 내역

    history.go()
    

  25. 25.두 가지 방법을 쓸 수 있습니다. 첫째는 페이지를 다시로드의 표준 방법은 간단 새로 고침라고한다

    두 가지 방법을 쓸 수 있습니다. 첫째는 페이지를 다시로드의 표준 방법은 간단 새로 고침라고한다

    location.reload(); //simple refresh
    

    그리고 다른 하드 새로 고침이라고합니다. 여기에서 부울 표현식을 통과하며 true로 설정합니다. 이 페이지 이전 캐시를 파괴하고 처음부터 내용을 표시를 다시로드합니다.

    location.reload(true);//hard refresh
    

  26. 26.그것은 자바 스크립트에서 짧은이다.

    그것은 자바 스크립트에서 짧은이다.

    window.location = '';
    

  27. 27.

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

  28. 28.다음은 jQuery를 사용하여 페이지를 다시로드하는 데 사용할 수있는 몇 줄의 코드입니다.

    다음은 jQuery를 사용하여 페이지를 다시로드하는 데 사용할 수있는 몇 줄의 코드입니다.

    그것은 jQuery를 래퍼를 사용하고 기본 DOM 요소를 추출합니다.

    당신은 당신의 코드에 jQuery를 느낌을 원하는 경우이 옵션을 사용하면 코드의 속도 / 성능에 대해 걱정하지 않는다.

    다만 당신의 요구에 맞는 것을 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>
    
  29. from https://stackoverflow.com/questions/5404839/how-can-i-refresh-a-page-with-jquery by cc-by-sa and MIT license