$.get("https://api.ipdata.co?api-key=test", function (response) {
    $("#response").html(response.ip);
}, "jsonp");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<pre id="response"></pre>

Antwoord 20

Javascript / jQuery krijgt het IP-adres van de klant & Locatie(Land, Stad)

U hoeft alleen een tag met “src”-link naar de server in te sluiten. De server retourneert “codehelper_ip” als een Object / JSON, en je kunt het meteen gebruiken.

// First, embed this script in your head or at bottom of the page.
<script language="Javascript" src="https://www.codehelper.io/api/ips/?js"></script>
// You can use it
<script language="Javascript">
    alert(codehelper_ip.IP);
    alert(codehelper_ip.Country);
</script>

Meer informatie op Javascript Detect Real IP Address Plus Country

Als je jQuery gebruikt, kun je het volgende proberen:

console.log(codehelper_ip); 

Het toont u meer informatie over het geretourneerde object.

Als je een terugbelfunctie wilt, probeer dan dit:

// First, embed this script in your head or at bottom of the page.
<script language="Javascript" src="https://www.codehelper.io/api/ips/?callback=yourcallback"></script>
// You can use it
<script language="Javascript">
    function yourcallback(json) {
       alert(json.IP);
     }
</script>

Antwoord 21

De terugbelservice van Appspot.com is niet beschikbaar. ipinfo.io lijkt te werken.

Ik heb een extra stap gedaan en alle geografische informatie opgehaald met AngularJS. (Met dank aan Ricardo) Check it out.

<div ng-controller="geoCtrl">
  <p ng-bind="ip"></p>
  <p ng-bind="hostname"></p>
  <p ng-bind="loc"></p>
  <p ng-bind="org"></p>
  <p ng-bind="city"></p>
  <p ng-bind="region"></p>
  <p ng-bind="country"></p>
  <p ng-bind="phone"></p>
</div>
<script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="https://code.angularjs.org/1.2.12/angular.min.js"></script>
<script src="https://code.angularjs.org/1.2.12/angular-route.min.js"></script>
<script>
'use strict';
var geo = angular.module('geo', [])
.controller('geoCtrl', ['$scope', '$http', function($scope, $http) {
  $http.jsonp('http://ipinfo.io/?callback=JSON_CALLBACK')
    .success(function(data) {
    $scope.ip = data.ip;
    $scope.hostname = data.hostname;
    $scope.loc = data.loc; //Latitude and Longitude
    $scope.org = data.org; //organization
    $scope.city = data.city;
    $scope.region = data.region; //state
    $scope.country = data.country;
    $scope.phone = data.phone; //city area code
  });
}]);
</script>

Werkpagina hier: http://www.orangecountyseomarketing.com/projects/_ip_angularjs.html

Antwoord 22

Als u toch een bestand opneemt, kunt u een eenvoudige ajax get doen:

function ip_callback() {
    $.get("ajax.getIp.php",function(data){ return data; }
}

En ajax.getIp.phpzou dit zijn:

<?=$_SERVER['REMOTE_ADDR']?>

Antwoord 23

Probeer dit: http://httpbin.org/ip(of https://httpbin.org/ip)

Voorbeeld met https:

$.getJSON('https://httpbin.org/ip', function(data) {
                console.log(data['origin']);
});

Bron: http://httpbin.org/

Antwoord 24

Er is niet echt een betrouwbare manier om het IP-adres van de clientcomputer te krijgen.

Dit gaat door enkele van de mogelijkheden. De code die Java gebruikt, zal breken als de gebruiker meerdere interfaces heeft.

http://nanoagent.blogspot.com/ 2006/09/hoe-te-vinden-evalueren-remoteaddrclients.html

Als je de andere antwoorden hier bekijkt, klinkt het alsof je het openbare IP-adres van de klant wilt hebben, wat waarschijnlijk het adres is van de router die ze gebruiken om verbinding te maken met internet. Veel van de andere antwoorden hier praten daarover. Ik raad je aan om je eigen serverpagina te maken en te hosten om het verzoek te ontvangen en te reageren met het IP-adres in plaats van afhankelijk te zijn van de service van iemand anders die al dan niet blijft werken.

Antwoord 25

Ik ga een methode aanbieden die ik veel gebruik als ik informatie op de html-pagina wil opslaan en wil dat mijn javascript informatie leest zonder dat ik parameters aan het javascript hoef door te geven. Dit is vooral handig als er extern naar uw script wordt verwezen in plaats van inline.

Het voldoet echter niet aan het criterium van “geen server-side script”. Maar als u server-side scripting in uw html kunt opnemen, doe dit dan:

Maak verborgen labelelementen onderaan je html-pagina, net boven de body-tag aan het einde.

Uw label ziet er als volgt uit:

<label id="ip" class="hiddenlabel"><?php echo $_SERVER['REMOTE_ADDR']; ?></label>

Zorg ervoor dat u een klasse maakt met de naam hiddenlabelen stel de visibility:hiddenzo in dat niemand het label daadwerkelijk ziet. Op deze manier kun je veel dingen opslaan, in verborgen labels.

Om nu in uw javascript de informatie op te halen die in het label is opgeslagen (in dit geval het ip-adres van de klant), kunt u dit doen:

var ip = document.getElementById("ip").innerHTML;

Nu is uw variabele “ip” gelijk aan het ip-adres. Nu kunt u het ip doorgeven aan uw API-verzoek.

* BEWERK 2 JAAR LATER *
Twee kleine verfijningen:

Ik gebruik deze methode routinematig, maar noem het label class="data", omdat het in feite een manier is om gegevens op te slaan. De klassenaam “hiddenlabel” is een beetje een domme naam.

De tweede wijziging bevindt zich in de stylesheet, in plaats van visibility:hidden:

.data{
    display:none;
}

…is de beste manier om het te doen.

Antwoord 26

Verkrijg lokaal systeem-IP:

 try {
var RTCPeerConnection = window.webkitRTCPeerConnection || window.mozRTCPeerConnection;
if (RTCPeerConnection) (function () {
    var rtc = new RTCPeerConnection({ iceServers: [] });
    if (1 || window.mozRTCPeerConnection) {
        rtc.createDataChannel('', { reliable: false });
    };
    rtc.onicecandidate = function (evt) {
        if (evt.candidate) grepSDP("a=" + evt.candidate.candidate);
    };
    rtc.createOffer(function (offerDesc) {
        grepSDP(offerDesc.sdp);
        rtc.setLocalDescription(offerDesc);
    }, function (e) { console.warn("offer failed", e); });
    var addrs = Object.create(null);
    addrs["0.0.0.0"] = false;
    function updateDisplay(newAddr) {
        if (newAddr in addrs) return;
        else addrs[newAddr] = true;
        var displayAddrs = Object.keys(addrs).filter(function (k) { return addrs[k]; });
        LgIpDynAdd = displayAddrs.join(" or perhaps ") || "n/a";
        alert(LgIpDynAdd)
    }
    function grepSDP(sdp) {
        var hosts = [];
        sdp.split('\r\n').forEach(function (line) {
            if (~line.indexOf("a=candidate")) {
                var parts = line.split(' '),
                    addr = parts[4],
                    type = parts[7];
                if (type === 'host') updateDisplay(addr);
            } else if (~line.indexOf("c=")) {
                var parts = line.split(' '),
                    addr = parts[2];
                alert(addr);
            }
        });
    }
})();} catch (ex) { }

Antwoord 27

   $.getJSON("http://jsonip.com?callback=?", function (data) {
        alert("Your ip address: " + data.ip);
    });

Antwoord 28

Allereerst het feitelijke antwoord: Het is niet mogelijk om puur door de client uitgevoerde code te gebruiken om uw eigen IP-adres te achterhalen.

U kunt echter gewoon een GET doen naar https://api.muctool.de/whoisen iets ontvangen zoals het verkrijgen van het IP-adres van een klant

{
"ip": "88.217.152.15",
"city": "Munich",
"isp": "M-net Telekommunikations GmbH",
"country": "Germany",
"countryIso": "DE",
"postalCode": "80469",
"subdivisionIso": "BY",
"timeZone": "Europe/Berlin",
"cityGeonameId": 2867714,
"countryGeonameId": 2921044,
"subdivisionGeonameId": 2951839,
"ispId": 8767,
"latitude": 48.1299,
"longitude": 11.5732,
"fingerprint": "61c5880ee234d66bded68be14c0f44236f024cc12efb6db56e4031795f5dc4c4",
"session": "69c2c032a88fcd5e9d02d0dd6a5080e27d5aafc374a06e51a86fec101508dfd3",
"fraud": 0.024,
"tor": false
}

29

U kunt deze volledig klantzijde en meestal in JavaScript doen met behulp van een Flash-object dat de JS kan bellen. Flash CAN Toegang tot het IP-adres van de lokale machine die mogelijk niet erg handig is.