홈>2020-09-21 18:11source

javascript - 방문 페이지없이 Ping 웹 사이트 onClick

실제로 웹 사이트를 방문하지 않고 버튼을 클릭 할 때 웹 사이트를 호출하는 방법이 있습니까?

다음은 페이지를 방문하지 않고 링크를 클릭 할 수 있지만 실제로는 http://example.com 를 핑하지 않습니다. .

<a href="http://example.com" onClick="return false;">Click here</a>

답변 # 1
이를 위해 특정 태그 속성이 있습니다. 핑이라고합니다.
와이즈 비즈
이 방법으로 사용할 수 있습니다 :
```
 When the user clicks on the hyperlink, the ping attribute will send a
  short HTTP POST request to the specified URL.
```
안타깝게도, IE, Edge 및 Safari에서 지원되지 않습니다.
답변 # 2
URL이 온라인인지 확인하는 방법이 있습니다. XMLHttpRequest를 사용하여 웹 사이트를 방문하지 않고도 서버간에 클라이언트와 상호 작용할 수 있습니다 .
다음은 XMLHttpRequest를 구현하는 방법의 예입니다. html 버튼 :
```
<a href="javascript:void(0)" ping="http://example.com">Click here</a>
```
자바 스크립트 기능 :
```
<a href="https://example.com" onclick="return clickFunction(this);">Click here</a>
```
function clickFunction(element) { event.preventDefault(); var url = element.getAttribute('href'); onlineCheck(url).then(() => { // Has internet connection, carry on alert("Has intenet connection") }).catch(() => { // Has no internet connection, let the user know alert('Sorry, no internet.'); }); } function onlineCheck(url) { var xhr = new XMLHttpRequest(); return new Promise((resolve, reject) => { xhr.onload = () => { resolve(true); }; xhr.onerror = () => { reject(false); }; xhr.open('GET', url, true); xhr.send(); }); }