如何使用JavaScript获取客户端的IP地址?

我需要以某种方式检索客户端的IP地址使用JavaScript;没有服务器端代码，甚至没有SSI。

然而，我并不反对使用免费的第三方脚本/服务。

当前回答

用Java脚本查找IP

为了获得IP地址，我正在对免费Web服务进行JSON调用。就像

[jsonip.com/json, ipinfo。Io /json, www.telize.com/geoip, ip-api.com/json, api.hostip.info/get_json.php]

并且我正在传递回调函数的名称，它将在请求完成时被调用。

<script type="text/javascript">
    window.onload = function () {
    var webService = "http://www.telize.com/geoip";
        var script = document.createElement("script");
        script.type = "text/javascript";
        script.src = webService+"?callback=MyIP";
        document.getElementsByTagName("head")[0].appendChild(script);
    };
    function MyIP(response) {
        document.getElementById("ipaddress").innerHTML = "Your IP Address is " + response.ip;
    }
</script>
<body>
    <form>
        <span id = "ipaddress"></span>
    </form>
</body>

对于XML响应代码

WebRTC不需要服务器支持。

2015-09-27 11:11:50

其他回答

<!DOCTYPE html>
<html ng-app="getIp">
<body>
    <div ng-controller="getIpCtrl">
        <div ng-bind="ip"></div>
    </div>

    <!-- Javascript for load faster
    ================================================== -->
    <script src="lib/jquery/jquery.js"></script>
    <script src="lib/angular/angular.min.js"></script>
    <script>
    /// Scripts app

    'use strict';

    /* App Module */
    var getIp = angular.module('getIp', [ ]);

    getIp.controller('getIpCtrl', ['$scope', '$http',
      function($scope, $http) {
        $http.jsonp('http://jsonip.appspot.com/?callback=JSON_CALLBACK')
            .success(function(data) {
            $scope.ip = data.ip;
        });
      }]);

    </script>
</body>
</html>

2013-11-13 15:50:48

使用ipdata.co。

该API还提供地理位置数据，并拥有10个全球端点，每个端点每天能够处理>800M请求!

这个答案使用了一个非常有限的“测试”API键，仅用于测试几个调用。注册您自己的免费API密钥，每天最多可获得1500个开发请求。

$ . get (" https://api.ipdata.co?Api-key =test"，函数(响应){ $(" #反应”). html (response.ip); }, " jsonp "); < script src = " https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js " > < /脚本> < pre id =“响应”> < / >之前

2018-02-18 13:30:57

有一种更简单和免费的方法，不需要访问者的任何许可。

它包括向http://freegeoip.net/json提交一个非常简单的Ajax POST请求。一旦收到JSON格式的位置信息，您就可以通过更新页面或重定向到新页面来做出相应的反应。

以下是提交位置信息请求的方法:

jQuery.ajax( { 
  url: '//freegeoip.net/json/', 
  type: 'POST', 
  dataType: 'jsonp',
  success: function(location) {
     console.log(location)
  }
} );

2015-12-03 11:50:59

在你的页面中包含以下代码:<script type="text/javascript" src="http://l2.io/ip.js"></script>

点击这里了解更多

2012-06-16 13:56:39

好吧，我偏离了这个问题，但我今天有一个类似的需求，尽管我无法使用Javascript从客户端找到ID，但我做了以下工作。

服务器端:-

<div style="display:none;visibility:hidden" id="uip"><%= Request.UserHostAddress %></div>

使用Javascript

var ip = $get("uip").innerHTML;

我使用ASP。Net Ajax，但您可以使用getElementById而不是$get()。

发生的事情是，我在页面上有一个隐藏的div元素，用户的IP从服务器呈现。而在Javascript中，我只是加载这个值。

这可能对像你这样有类似需求的人(比如我，但我还没有弄清楚)有帮助。

干杯!

2009-01-04 12:07:52

如何使用JavaScript获取客户端的IP地址?

推荐文章

最新文章

标签