get IP

jquery Get IP https://api.ipdata.co cckedit

<h1>Your Ip Address : <span class="ip"></span></h1> https://api.ipify.org/?format=json <ol> <li><<c>h1>Your Ip Address : <<c>span class="ip"><<c>/span><<c>/h1> <br><br> <li><<c>script src="https://code.jquery.com/jquery-3.4.1.min.js" > <<c>/script> <br><br> <li><<c>script> <li>$(document).ready(function() { $.getJSON("<r>https://api.ipify.org/?format=json</r>", <br>       function(e) { $('.ip').text( e.ip ); }); <li><<c>/script> <script src="https://code.jquery.com/jquery-3.4.1.min.js" ></script> <script> $.getJSON("https://api.ipify.org/?format=json", function(e) { $('.ip').text(e.ip); }); </script> <style> h1 { font-size: 20px;} ol { background-color:tan ;} li { background-color:ivory ;padding-left:10px;text-align: left;} li { word-break: break-word } r { color:red} </style>

00

<h1>Your Ip Address : <span class="ip"></span></h1> https://jsonip.com?callback=? <ol> <li><<c>h1>Your Ip Address : <<c>span class="ip"><<c>/span><<c>/h1> <br><br> <li><<c>script src="https://code.jquery.com/jquery-3.4.1.min.js"> <<c>/script> <br><br> <li><<c>script> <li> $.getJSON("<r>https://jsonip.com?callback=?</r>", function(data) { <br>       $('.ip').text(data.ip); }); <li><<c>/script> <script src="https://code.jquery.com/jquery-3.4.1.min.js" > </script> <script type="text/javascript"> $.getJSON("https://jsonip.com?callback=?", function(data) { $('.ip').text(data.ip); }); </script> <style> h1 {font-size: 20px;} ol {background-color:tan ;} li {background-color:ivory ;padding-left:10px;text-align: left;} li {word-break: break-word } r { color:red} </style>

00

<h1>https://ipinfo.io<br> $.getJSON("https://ipinfo.io", function (data) {....}</h1><br> <div id="D1"></div> <div id="D2"></div> <div id="D3"></div> <script src="https://code.jquery.com/jquery-3.4.1.min.js" > </script> <script> var obj ; $.getJSON("https://ipinfo.io", function (data) { $("#D1").html( "<r>JSON.stringify(data)</r> = " + JSON.stringify(data)) ; $("#D2").html( "<br> <r>Object.keys(data).length</r> = " + Object.keys(data).length) ; $("#D3").html( "<br><r> data.ip</r> = " + data.ip + "<br> <r>data.hostname</r> = " + data.hostname + "<br> <r>data.city</r> = " + data.city + "<br> <r>data.region</r> = " + data.region + "<br> <r>data.country</r> = " + data.country + "<br> <r>data.loc</r> = " + data.loc + "<br> <r>data.org</r> = " + data.org + "<br> <r>data.timezone</r> = " + data.timezone + "<br> <r>data.readme</r> = " + data.readme ) ; }) </script> <ol> <li><<o>h1>https://ipinfo.io<<o>/h1> <li><<o>div id="D1"><<o>/div> <li><<o>div id="D2"><<o>/div> <li><<o>div id="D3"><<o>/div> <br> <li><<o>script src="https://code.jquery.com/jquery-3.4.1.min.js" > <<o>/script> <br><br> <li><<o>script> <li>var obj ; <li>$.getJSON("https://ipinfo.io", function (data) { <br><br> <li>$("#D1").html( "JSON.stringify(data) = " + JSON.stringify(data)) <li>$("#D2").html( "<br> Object.keys(data).length = " + Object.keys(data).length) ; <br><br> <li>$("#D3").html( "<<o>br> data.ip = " + data.ip + <li>"<<o>br> data.hostname = " + data.hostname + <li>"<<o>br> data.city = " + data.city + <li>"<<o>br> data.region = " + data.region + <li>"<<o>br> data.country = " + data.country + <li>"<<o>br> data.loc = " + data.loc + <li>"<<o>br> data.org = " + data.org + <li>"<<o>br> data.timezone = " + data.timezone + <li>"<<o>br> data.readme = " + data.readme ) ; <li>}) <li><<o>/script> </ol> <br> <style> h1 { font-size: 25px;} ol { background-color:tan ;} li { background-color:ivory ;padding-left:10px;text-align: left;} li { word-break: break-word } r { color:red} </style>

00

<<o>script src="<r>https://secure.geobytes.com/GetCityDetails?key=7c756203dbb38590a66e01a5a3e1ad96&callback=var%20</r><b>cck</b><r>%20</r>"> <<o>/script> <div id="DP"></div> <script src="https://secure.geobytes.com/GetCityDetails?key=7c756203dbb38590a66e01a5a3e1ad96&callback=var%20cck%20="> </script> <script> //ALL_JSON.innerHTML = JSON.stringify(<b>cck</b>); var obj = JSON.stringify(cck) ; var DPT = ' ' ; DPT+='<br> var obj = JSON.stringify(<R>cck</R>)'; DPT+='<br>obj = ➴ ' + obj ; DPT+='<br><br>Object.keys(<R>cck</R>).length ☛ ' + Object.keys(cck).length + "<br>" ; for(var x=0 ;x < Object.keys(cck).length;x++){ var KK = 'cck.'+Object.keys(cck)[x] ; DPT += '<br>' + Object.keys(cck)[x] + ' = ' + Object.values(cck)[x] ; } DP.innerHTML = DPT ; </script> <style> h1 { font-size: 25px;} ol { background-color:tan ;} li { background-color:ivory ;padding-left:10px;text-align: left;} #DP { word-break: break-word } r { color:red} b { color:blue} </style>

00

http://ipinfo.io/json<br><br> <ol> <li><<c>div id="DP1"><<c>/div> <br> <li><<c>script> <li>function ipinfo(cb, ip) { <li> var request ; <br>       // Mozilla, Safari, ... <li>       if (window.XMLHttpRequest){ request = new XMLHttpRequest(); } <br><br>       // IE <br>       else if (window.ActiveXObject){ <br>            try { request = new ActiveXObject('Msxml2.XMLHTTP'); } <br>            catch (e) { <br>            try { request = new ActiveXObject('Microsoft.XMLHTTP');} <br>            catch (e) {} } } ; <br><br> <li>request.open("GET", '//ipinfo.io/' + ((ip) ? ip : ''), false) ; <li>request.setRequestHeader("Accept", "application/json") ; <br><br> <li>       request.onreadystatechange = function() { <br>       if (request.readyState == 4 && request.status == 200) <br>            { cb(request.responseText); } } ; <br><br> <li> request.send(null); <li> } <br><br> <li>ipinfo(function(response) { DP1.innerHTML = response; }); <li><<o>/script> </ol> <div id="DP1"></div> <script> function ipinfo(cb, ip) { var request; // Mozilla, Safari, ... if (window.XMLHttpRequest){ request = new XMLHttpRequest(); } // IE else if (window.ActiveXObject){ try { request = new ActiveXObject('Msxml2.XMLHTTP'); } catch (e) { try { request = new ActiveXObject('Microsoft.XMLHTTP'); } catch (e) {} } } request.open("GET", '//ipinfo.io/' + ((ip) ? ip : ''), false); request.setRequestHeader("Accept", "application/json"); request.onreadystatechange = function() { if (request.readyState == 4 && request.status == 200) { cb(request.responseText); } }; request.send(null); } ipinfo(function(response) { DP1.innerHTML = response; }); </script> <style> h1 { font-size: 25px;} ol { background-color:tan ;} li { background-color:ivory ;padding-left:10px;text-align: left;} li { word-break: break-word } r { color:red} </style>

00

http://ipinfo.io/json<br> <ol> <li><<c>div id="DP1"><<c>/div> <br> <li><<c>script> <li>function ipinfo(cb, ip) { <li>       var request = new XMLHttpRequest(); <li>       request.open("GET", '//ipinfo.io/' + ((ip) ? ip : ''), false); <li>       request.setRequestHeader("Accept", "application/json"); <br><br> <li>       request.onreadystatechange = function() { <li>              if (request.readyState == 4 && request.status == 200) <br>                     { cb(request.responseText); } }; <br><br> <li>       request.send(null); <li>} <br><br> <li>ipinfo(function(response) { DP1.innerHTML = response; }); <li><<c>/script> </ol> <div id="DP1"></div> <script type="text/javascript" > function ipinfo(cb, ip) { var request = new XMLHttpRequest(); request.open("GET", '//ipinfo.io/' + ((ip) ? ip : ''), false); request.setRequestHeader("Accept", "application/json"); request.onreadystatechange = function() { if (request.readyState == 4 && request.status == 200) { cb(request.responseText); } }; request.send(null); } ipinfo(function(response) { DP1.innerHTML = response; }); </script> <style> h1 { font-size: 25px;} ol { background-color:tan ;} li { background-color:ivory ;padding-left:10px;text-align: left;} li { word-break: break-word } r { color:red} </style>

00

Edit

#html #網頁格式 #style #div #textarea #獲取 IP #IP address data