精华内容
下载资源
问答
  • 利用JS获取用户当前ip地址

    万次阅读 2019-02-25 17:57:04
    新浪的IP地址查询接口:http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js (默认为纯文本格式,根据format的参数定义,还可以返回JS、Json格式)。新浪多地域测试方法:...

    新浪的IP地址查询接口:http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js 
    (默认为纯文本格式,根据format的参数定义,还可以返回JS、Json格式)。新浪多地域测试方法: 
    http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js&ip=219.242.98.111

    搜狐IP地址查询接口(默认GBK):http://pv.sohu.com/cityjson

    搜狐IP地址查询接口(可设置编码):http://pv.sohu.com/cityjson?ie=utf-8

    欢迎加入技术分享学习公众号【码兄】

    VUE、React、小程序、公众号开发、web前端等全套前端学习资料领取哦

    还会教你怎么赚外快哦

    使用方法:利用搜狐查询接口举例说明

    <script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>
    <script type="text/javascript">  
        console.log(returnCitySN["cip"]+','+returnCitySN["cname"])  
    </script>


    这个直接访问网络请求解析那个地址 cip就ok

    欢迎加入技术分享学习公众号【码兄】

    VUE、React、小程序、公众号开发、web前端等全套前端学习资料领取哦

    展开全文
  • 特效描述:利用jQuery实现 Ajax 获取当前IP 地区位置代码。利用jQuery实现Ajax获取当前IP和地区位置代码代码结构1. 引入JS2. HTML代码AJAX检测ip和地区$(function(){//获取城市ajax$.ajax({url: '...

    特效描述:利用jQuery实现 Ajax 获取当前IP 地区位置代码。利用jQuery实现Ajax获取当前IP和地区位置代码

    代码结构

    1. 引入JS

    2. HTML代码

    AJAX检测ip和地区

    $(function(){

    //获取城市ajax

    $.ajax({

    url: 'http://api.map.baidu.com/location/ip?ak=ia6HfFL660Bvh43exmH9LrI6',

    type: 'POST',

    dataType: 'jsonp',

    success:function(data) {

    console.log(JSON.stringify(data.content.address_detail.province + "," + data.content.address_detail.city));

    $('#city').html(JSON.stringify(data.content.address_detail.province + "," + data.content.address_detail.city))

    }

    });

    //获取ip ajax

    $.ajax({

    url: 'http://freegeoip.net/json/',

    success: function(data){

    console.log(JSON.stringify(data.ip));

    $('#ip').html(JSON.stringify(data.ip))

    },

    type: 'GET',

    dataType: 'JSON'

    });

    })

    展开全文
  • 利用nodejs获取本地的ip地址

    万次阅读 2018-12-28 10:07:19
    最近拿vue写项目,大家都懂的,肯定用vue-cli啊,一键生成项目,然后再根据自己的项目需求稍微改一改,开发环境搭建完毕,perfect(破费),...感觉可别扭了,我还得自己去重开一个cmd,ipconfig,找我自己的ip,程...

    最近拿vue写项目,大家都懂的,肯定用vue-cli啊,一键生成项目,然后再根据自己的项目需求稍微改一改,开发环境搭建完毕,perfect(破费),但是突然有一天我看到npm run dev后命令行出现的提示

    Your application is running here : http://0.0.0.0:8080
    

    感觉可别扭了,我还得自己去重开一个cmd,ipconfig,找我自己的ip,程序员最怕的就是多写一句代码,多一步操作,为啥?懒呗!哈哈,于是我就想既然,是运行在nodejs里的,那么nodejs应该有可以获取本机ip的模块,果不其然,被我找到了 os 模块,下面直接上代码

    const os = require('os');
    ///获取本机ip///
    function getIPAdress() {
        var interfaces = os.networkInterfaces();
        for (var devName in interfaces) {
            var iface = interfaces[devName];
            for (var i = 0; i < iface.length; i++) {
                var alias = iface[i];
                if (alias.family === 'IPv4' && alias.address !== '127.0.0.1' && !alias.internal) {
                    return alias.address;
                }
            }
        }
    }
    const myHost = getIPAdress();
    

    然后在webpack.dev.conf.js里面改一下提示

    compilationSuccessInfo: {
              messages: [`Your application is running here : http://${myHost}:${port}`],
         },
    

    然后运行 npm run dev
    你会发现奇迹般地发生了以下结果

    在这里插入图片描述

    是不是特神奇?哈哈!

    展开全文
  • 2.获取到ip地址后,我们应该利用ip地址来获取当前ip地址下的天气信息 //动态获取天气的方法 function dynamicGetWeather(cityip){ //声明一个pattern正则表达式规则,用来检测我们更新地区时传入的参数是ip地址...

    开头先说一下,以防有萌新看不懂,所以以下代码注释写的比较多,思路讲的比较清楚,不喜勿喷哈哈哈哈

    HTML代码:

    <div id="show_weather">
    	<div id="time"></div>
    	<div id="updata_time"></div>
    	<div id="city_id"></div>
    	<div id="weather"></div>
    	<div id="air_level"></div>
    	<div id="max_wendu"></div>
    	<div id="min_wendu"></div>
    </div>
    <div id="show_change">
    	<span id="guangzhou" value="广州">广州</span>
    	<span id="shenzhen" value="深圳">深圳</span>
    	<span id="beijing" value="北京">北京</span>
    	<span id="shanghai" value="上海">上海</span>
    </div>
    <div>
    	<span>当前位置:</span><span id="city"></span><span id="hover_weather">天气</span><span id="change_weather">切换地区</span>
    </div>
    

    JS代码:

    1.首先,我们应该先获取当前我们当前的ip地址,利用ip地址找到我们身处的具体位置信息,让网页加载的第一时间获取到我们当前身处的具体位置,从而获取当前地区的天气信息

    //动态获取当前位置的ip地址
    function dynamicIp(){
    	$.ajax({
    		//该url可以从服务器获取我们需要的ip
    		url: 'https://bird.ioliu.cn/ip',
    		type: 'get',
    		//dataType一定要设置为jsonp,因为浏览器有同源策略的限制
    		//同源即:协议、域名、端口都要相同
    		//如果不相同,则Ajax无法获取服务器返回的结果
    		//如果想要获取不同源的数据,可以将dataType设置为jsonp,就可以解决跨域的问题
    		dataType: 'jsonp',
    		//从url返回一个成功回调函数success,该函数会携带返回结果,将结果以data传入回调函数
    		success:function(data){	
    			//通过返回结果data获取我们当前位置的ip地址
    			var cityip = data.data.ip;
    			//获取到当前位置的ip地址后,将ip地址赋值给cityip
    			//调用我们的动态获取天气的函数dynamicGetWeather,将cityip以参数的形式传入
    			dynamicGetWeather(cityip);
    		}
    	})
    }
    //页面加载时自动执行获取ip地址的函数dynamicIp()
    dynamicIp();
    

    2.获取到ip地址后,我们应该利用ip地址来获取当前ip地址下的天气信息

    //动态获取天气的方法
    function dynamicGetWeather(cityip){
    	//声明一个pattern正则表达式规则,用来检测我们更新地区时传入的参数是ip地址还是汉字地区名称,如"广州"
    	var pattern = new RegExp("[\u4E00-\u9FA5]+");
    	if(pattern.test(cityip)){
    		//当传入的参数cityip为汉字时,我们将url中的参数设置为city=,以此来接收我们传入的城市名称来获取该城市的天气信息
    		$.ajax({
    		url: 'https://www.tianqiapi.com/api/?version=v1&city='+cityip,
    		type: 'get',
    		dataType: 'jsonp',
    		//url成功返回时,执行回调函数success,获取到服务器返回的数据,以data传入
    		success:function(data){
    			//以下是html页面数据的实时渲染
    			$('#city').text(data.city);
    			$('#time').text("当前时间:"+data.data[0].date.slice(5));
    			$('#updata_time').text("预报更新时间:"+data.update_time);
    			$('#weather').text("天气:"+data.data[0].wea);
    			$('#air_level').text("空气质量:"+data.data[0].air_level);
    			$('#max_wendu').text("最高温度:"+data.data[0].tem1);
    			$('#min_wendu').text("最低温度:"+data.data[0].tem2);
    			console.log(data);
    		}
    	})
    	}else{
    		//当传入的参数cityip为ip地址(如:113.101.59.68)时,我们将url中的参数设置为ip=,以此来接收我们传入的ip来获取该城市的天气信息
    		//这个方法一般只有页面第一次加载,或者页面刷新时才会执行,因为我们切换地区时,传入的都是汉字,执行的是if为true时执行的方法
    		$.ajax({
    		url: 'https://www.tianqiapi.com/api/?version=v1&ip='+cityip,
    		type: 'get',
    		dataType: 'jsonp',
    		success:function(data){
    			//以下是html页面数据的实时渲染
    			$('#city').text(data.city);
    			$('#time').text("当前时间:"+data.data[0].date.slice(5));
    			$('#updata_time').text("预报更新时间:"+data.update_time);
    			$('#weather').text("天气:"+data.data[0].wea);
    			$('#air_level').text("空气质量:"+data.data[0].air_level);
    			$('#max_wendu').text("最高温度:"+data.data[0].tem1);
    			$('#min_wendu').text("最低温度:"+data.data[0].tem2);
    			console.log(data);
    		}
    	})
    	}
    	
    }
    

    3.获取到当前ip下的天气预报信息后,我们还想通过切换地区来获取别的地区的天气信息

    //切换地区时,动态更新天气信息
    //点击切换地区时,触发click事件
    $("#show_change span").click(function(event) {
    	//获取我们当前点击的是哪个地区,获取该地区的地区名称(如"广州")
    	var cityName = $(this).text();
    	//获取到地区名称后,调用dynamicGetWeather()函数,将地区名称cityName以参数形式传入
    	//传入后会执行dynamicGetWeather()方法中的if为true时定义的方法,即执行传入参数为汉字时定义的方法
    	dynamicGetWeather(cityName);
    });
    

    以上我们就可以获取我们当前地区的天气预报信息和切换地区后更新天气预报信息,主要涉及到同源策略和跨域的问题,当遇到不同源的url时,我们可以通过jQuery的$.ajax方法的dataType属性设置为jsonp的形式,可以实现不同源跨域获取服务器数据

    我做这个天气预报时,遇到较多的问题就是天气预报的API接口不能用,获取API接口能用但是获取到的数据我们无法使用,即使格式化了也是无法使用的,找了很久才找到了这两个API接口,亲测目前是能够使用的,过段时间我就不知道了。第一个动态获取当前ip地址的API,url是https://bird.ioliu.cn/ip,请求方式为get,dataType数据类型为jsonp,第二个是获取某城市当前天气预报的API,url是https://www.tianqiapi.com/api/?version=v1&city=,参数有多个,可以是city(城市名称),可以是ip(ip地址),可以是cityid(城市编号),请求方式为get,dataType数据类型为jsonp,具体参考该接口文档

    展开全文
  • 代码如下: const os = require('os'); var localhost = '' try { var network = os.networkInterfaces() localhost = network[Object.keys(network)[0]][1].address } catch (e) { localhost = 'localhos...
  • 一,获取当前用户位置经纬度 注:第一步和第二步必须有 &lt;!--第一步--&gt;&lt;script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&amp;ak=你的ak密匙&...
  • 这篇文章主要介绍了js获取客户端IP地址、MAC和主机名的7个方法汇总,JS本身是不支持获取IP地址等信息的,本文通过其它方法实现,需要的朋友可以参考下 今天在搞JSJavaScript获取客户端IP的小程序,上网搜了下...
  • 刚在论坛和各位大神讨论了通过ip地址获取ip所在的经纬度,直接获取经纬度是不可能的,只能通过腾讯、新浪、谷歌、网易等的ip纯真数据库。获得ip所在的物理地址,然后通过google地图获取模糊的经纬度。下面是代码: ...
  • js获取IP地址方法总结

    2019-09-22 02:38:21
    js代码获取IP地址的方法,如何在js中取得客户端的IP地址。原文地址:js获取IP地址的三种方法http://www.jbxue.com/article/11338.html 1,js取得IP地址的方法一 <script src=...
  • 今天在搞JSjavascript获取客户端IP的小程序,上网搜了下,好多在现在的系统和浏览器中的都无效,很无奈,在Chrome、FireFox中很少搞到直接利用ActiveX获取IP等的JS脚本。下面的代码是我在所有windowsNT5.0及以上...
  • js获取ip地址、浏览器信息

    千次阅读 2020-07-14 11:08:04
    第二种:利用其它平台的接口,在自己程序中使用如:新浪,太平洋等的接口,来给用户返回ip地址 第三种:使用WebRTC(Web Real-Time Communications),他的定义是一项实时通讯技术,它允许网络应用或者站点,在不借助...
  • 先说下获取用户ip地址,包括像ipv4,ipv6,掩码等内容,但是大部分都要根据浏览器的支持情况来决定,目前主流浏览器对于ipv4的支持是统一的。第一种:用于仅支持IE的且允许Activex运行,利用ActiveObject来获取。这种...
  • 腾讯js获取当前IP

    千次阅读 2012-05-26 06:08:58
    腾讯的IP地址查询接口还是不错的,IP地址查询准确率很高,IP地址查询使用也方便,这个是从别的地方转载过来的,测试发现有小BUG,IP地址查询的时候可能乱码,修正了一下,IP地址查询出现乱码的情况是不会有了。...
  • js获取IP地址方法总结 js代码获取IP地址的方法,如何在js中取得客户端的IP地址。原文地址:js获取IP地址的三种方法http://www.jbxue.com/article/11338.html 1,js取得IP地址的方法一 <script src=...
  • js代码获取IP地址的方法,如何在js中取得客户端的IP地址。原文地址:js获取IP地址的三种方法http://www.jbxue.com/article/11338.html 1,js取得IP地址的方法一 <script src=...
  • js代码获取IP地址的方法,如何在js中取得客户端的IP地址。原文地址:js获取IP地址的三种方法 http://www.jbxue.com/article/11338.html 1,js取得IP地址的方法一 &lt;script src="http...
  • 本篇文章主要是对利用JS获取计算机mac地址以及IP的实现方法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
  •  先说下获取用户ip地址,包括像ipv4,ipv6,掩码等内容,但是大部分都要根据浏览器的支持情况来决定,目前主流浏览器对于ipv4的支持是统一的。第一种:用于仅支持IE的且允许Activex运行,利用ActiveObject来获取。...
  • vue获取当前IP地址

    千次阅读 2021-03-15 10:17:57
    vue获取当前IP地址 第一步:在index.js里引入的js文件 <script src="https://pv.sohu.com/cityjson?ie=utf-8"></script> 第二步:使用方法获取ip地址 IP = returnCitySN['cip'] // ip ...
  • 利用JS获取IE客户端IP及MAC的实现

    千次阅读 2006-01-09 18:19:00
    获取服务器端的MAC很容易,但是要获取客户端的MAC的地址确要花费一翻心思,通常的做法是调用Win32API或直接调用nbtstat命令,这样做有很多问题,而另一种方法就是直接用客户端脚本,我们这里用Javascript,...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 32,585
精华内容 13,034
关键字:

利用js获取用户当前ip地址