[JQUERY] 어떻게 jQuery로 페이지를 새로 고침 할 수 있습니까?
JQUERY어떻게 jQuery로 페이지를 새로 고침 할 수 있습니까?
해결법
-
1.) (location.reload를 사용합니다 :
) (location.reload를 사용합니다 :
$('#something').click(function() { location.reload(); });
다시로드 () 함수는 서버가 아닌 캐시에서 다시로드를 강제로 true로 설정 될 수있는 선택적 매개 변수를 사용합니다. false로 매개 변수의 기본값은, 그래서 기본적으로 페이지가 브라우저의 캐시에서 다시로드 할 수 있습니다.
-
2.이것은 심지어 jQuery를없이 모든 브라우저에서 작동합니다 :
이것은 심지어 jQuery를없이 모든 브라우저에서 작동합니다 :
location.reload();
-
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"> script> -
4.작동 방법의 제비, 나는 가정한다 :
작동 방법의 제비, 나는 가정한다 :
-
5.jQuery로 페이지를 다시로드하려면 수행
jQuery로 페이지를 다시로드하려면 수행
$.ajax({ url: "", context: document.body, success: function(s,x){ $(this).html(s); } });
내가 사용하는 것이 이곳의 접근 방식은 아약스 jQuery를했다. 나는 다시로드를 트리거 할 처리기에 코드를 넣어 다음 크롬 (13)에 그것을 테스트. URL은이 페이지를 의미하는 ""입니다.
-
6.현재 페이지는 POST 요청에 의해로드 된 경우 사용할 수 있습니다
현재 페이지는 POST 요청에 의해로드 된 경우 사용할 수 있습니다
window.location = window.location.pathname;
대신에
window.location.reload();
window.location.reload ()가 확인하라는 메시지가 표시됩니다 때문에 POST 요청에 의해로드 된 페이지에서 호출합니다.
-
7.문제는해야한다
문제는해야한다
자바 스크립트와 페이지를 새로 고침하는 방법
window.location.href = window.location.href; //This is a possibility window.location.reload(); //Another possiblity history.go(0); //And another
당신은 선택을 위해 버릇하고 있습니다.
-
8.당신은 사용할 수 있습니다
당신은 사용할 수 있습니다
location.reload(forceGet)
forceGet 부울 및 선택입니다.
기본값은 캐시에서 페이지를 다시로드 false입니다.
당신은뿐만 아니라 캐시를 제거하기 위해 서버에서 페이지를 얻을 수있는 브라우저를 강제하려는 경우이 매개 변수를 true로 설정합니다.
아니면 그냥
location.reload()
당신은 신속하고 캐싱을 쉽게합니다.
-
9.세 가지 서로 다른 캐시 관련 행동과 접근 :
세 가지 서로 다른 캐시 관련 행동과 접근 :
그래서, 요약, 당신은 사용할 :
-
10.window.location.reload ()는 서버에서 다시로드하고 다시 등 모든 데이터, 스크립트, 이미지를로드합니다.
window.location.reload ()는 서버에서 다시로드하고 다시 등 모든 데이터, 스크립트, 이미지를로드합니다.
그냥 HTML을 새로 고치려면 그래서,에서는 window.location은 = document.URL가 훨씬 빠르고 적은 트래픽으로 돌아갑니다. URL에 해시 (#)이 있으면 그러나 페이지를 다시로드하지 않습니다.
-
11.JQuery와로드 기능은 페이지 새로 고침을 수행 할 수 있습니다 :
JQuery와로드 기능은 페이지 새로 고침을 수행 할 수 있습니다 :
$('body').load('views/file.html', function () { $(this).fadeIn(5000); });
-
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.여기에 비동기 적으로 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.I의 FOUND
I의 FOUND
window.location.href = "";
또는
window.location.href = null;
또한 페이지 새로 고침을한다.
이것은 매우 쉽게 모든 해시를 제거하는 페이지를 다시로드 할 수 있습니다. 나는 응용 프로그램을 다시 실행하지 않아도 그래서, 아이폰 OS 시뮬레이터에 AngularJS와를 사용하고 때 매우 좋은 것입니다.
-
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.당신은이 같은 위치 속성에 다시로드 기능을 사용하여, 순수 자바 스크립트를 사용하여 페이지를 다시로드, jQuery를에서 아무것도 필요하지 않습니다 :
당신은이 같은 위치 속성에 다시로드 기능을 사용하여, 순수 자바 스크립트를 사용하여 페이지를 다시로드, jQuery를에서 아무것도 필요하지 않습니다 :
window.location.reload();
(있는 경우) 기본적으로이 브라우저 캐시를 사용하여 페이지를 다시로드합니다 ...
당신이 강제로 다시로드 페이지를 수행하려는 경우, 바로 아래와 같이 재 장전 방법에 진정한 가치를 통과 ...
window.location.reload(true);
당신이 윈도우 범위에 이미 또한, 당신은 창을 없애 및 수행 할 수 있습니다
location.reload();
-
17.사용하다
사용하다
location.reload();
또는
window.location.reload();
-
18.사용의 onclick = "반환 location.reload ();" 버튼 태그 내.
사용의 onclick = "반환 location.reload ();" 버튼 태그 내.
<button id="refersh-page" name="refersh-page" type="button" onclick="return location.reload();">Refesh Page</button>
-
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.여기에 모든 해답이 좋다. jQuery로 페이지를 다시로드에 대한 질문을 지정하기 때문에, 난 그냥 미래의 독자를 위해 더 많은 일을 추가 생각했다.
여기에 모든 해답이 좋다. jQuery로 페이지를 다시로드에 대한 질문을 지정하기 때문에, 난 그냥 미래의 독자를 위해 더 많은 일을 추가 생각했다.
당신이 JQuery와, 또는 JQuery와의 기초는 자바 스크립트를 기반으로 이해합니다 그래서. 그것은 간단한 일에 관해서 순수 자바 스크립트로 가고 그래서 더 나은 방법입니다.
당신이 JQuery와 솔루션을 필요로하지만, 여기에 하나입니다.
$(location).attr('href', '');
-
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.
<i id="refresh" class="fa fa-refresh" aria-hidden="true"></i> <script> $(document).on('click','#refresh',function(){ location.reload(true); }); </script>
-
23.간단한 자바 스크립트 솔루션 :
간단한 자바 스크립트 솔루션 :
location = location;
<버튼의 onclick = "위치 = 위치;"> 장전 버튼>
-
24.아마 짧은 (12 개 문자) - 사용 내역
아마 짧은 (12 개 문자) - 사용 내역
history.go()
-
25.두 가지 방법을 쓸 수 있습니다. 첫째는 페이지를 다시로드의 표준 방법은 간단 새로 고침라고한다
두 가지 방법을 쓸 수 있습니다. 첫째는 페이지를 다시로드의 표준 방법은 간단 새로 고침라고한다
location.reload(); //simple refresh
그리고 다른 하드 새로 고침이라고합니다. 여기에서 부울 표현식을 통과하며 true로 설정합니다. 이 페이지 이전 캐시를 파괴하고 처음부터 내용을 표시를 다시로드합니다.
location.reload(true);//hard refresh
-
26.그것은 자바 스크립트에서 짧은이다.
그것은 자바 스크립트에서 짧은이다.
window.location = '';
-
27.
$(document).on("click", "#refresh_btn", function(event) { window.location.replace(window.location.href); });
-
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>
from https://stackoverflow.com/questions/5404839/how-can-i-refresh-a-page-with-jquery by cc-by-sa and MIT license
'JQUERY' 카테고리의 다른 글
[JQUERY] jQuery를이 deferreds과 약속 -되는 .done 대) (그 때는 () (0) | 2020.09.30 |
---|---|
[JQUERY] 어떻게 방화범 또는 유사한 도구를 사용하여 자바 스크립트 / jQuery를 이벤트 바인딩을 디버깅하는 방법? (0) | 2020.09.30 |
[JQUERY] 다운 상자 동적 드롭? (0) | 2020.09.30 |
[JQUERY] 어떻게 동적 추가 요소에 fancybox를 바인딩? (0) | 2020.09.29 |
[JQUERY] 크로스 도메인 iframe의 DOM의 컨텐츠를 가져 오기 [중복] (0) | 2020.09.29 |