반응형

<google api 이용하여 알아내기>

 

[javascript] 자바스크립트로 내 IP확인하기_(공인ip)

 

1. 코드 공개

 

 

 

<script>

document.write( ip() );

</script>

 

아래에, 전체 코드를 작성하였습니다. 

구글과 네이버검색을 많이 이용하는데 

블로그에서 이렇게 적어주는게 편한 기억이 많았습니다^^

 

2. 예제

파일명 : index.html

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>인덱스 페이지</title>

 

</head>

<body>

<script>

document.write( ip() );

</script>

</body>

</html>

 

 

$.getJSON('http://jsonip.appspot.com/?callback=?', function(data){ alert(data.ip); });

Probably easier to understand - an alternative, without jQuery, would be:

<script type="text/javascript"> function getip(data){ alert(data.ip); } </script> <script type="text/javascript" src="http://jsonip.appspot.com/?callback=getip"> </script>

Note that when you include http://jsonip.appspot.com/?callback=getip as a script in your HTML you get valid JavaScript as response:

getip({"ip": "147.234.2.5", "address":"147.234.2.5"});

-------------------------------------------------------------------------------

기타 사이트

 

$.get("http://ipaddress.urgulbook.com/",function(res){

    alert(res.IP);

},"jsonp");

 

 

JAVASCRIPT 접속 IP 확인하는 방법

 

 

자바스크립트로 클라이언트 IP를 확인하는 방법입니다.

 

PHP 같은 서버사이드 언어에서는 $_SERVER['REMOTE_ADDR'] 로 확인할 수가 있지만,

 

자바스크립트에서는 제공하는 함수가 없습니다.

 

아래예제는 서버사이드의 js를 호출하는 방식으로 IP를 가져오는 방법입니다.

 

 

▶ jQuery 방식

 

<script type="text/javascript" src="//code.jquery.com/jquery.min.js"></script>

<script type="text/javascript">

$(function() {

$.getJSON("https://api.ipify.org?format=jsonp&callback=?",

function(json) {

document.write(json.ip);

}

);

});

</script>

 

 

▶ JAVASCRIPT 방식

 

<script type="text/javascript">

function getIP(json) {

document.write(json.ip);

}

</script>

 

 

https://www.ipify.org/ 여기에 가면 언어별 사용예제가 있습니다.



출처: https://littlecarbb.tistory.com/entry/JAVASCRIPT-접속-IP-확인하는-방법 [Shameless Simon]

출처: https://littlecarbb.tistory.com/entry/JAVASCRIPT-접속-IP-확인하는-방법 [Shameless Simon]

출처: https://littlecarbb.tistory.com/entry/JAVASCRIPT-접속-IP-확인하는-방법 [Shameless Simon]

+ Recent posts