当前位置:首页 > 技术博客 > JavaScript > 用Ajax获取IP,公共IP地址和IP地理定位API

用Ajax获取IP,公共IP地址和IP地理定位API

5年前 (2021-10-13)JavaScript963

<script type="text/javascript">
    var ajax = new XMLHttpRequest();
    ajax.open('get','https://api.myip.la/cn?json');
    ajax.send();
    ajax.onreadystatechange = function () {
       if (ajax.readyState==4 &&ajax.status==200) {
            const json = JSON.parse(ajax.responseText);
            document.write('IP地址:' + json.ip + '</br>');
            document.write('国家:' + json.location.country_name + '</br>');
            document.write('省份:' + json.location.province + '</br>');
            document.write('城市:' + json.location.city + '</br>');
            
        }
    }
</script>


版权声明:本文由 LzxBlog 发布,如需转载请注明出处。

本文链接:https://www.liuzhixi.cn/html/190.html

标签: JavaScriptAjax

相关文章

圆形光影mp3音频播放器特效

圆形光影mp3音频播放器特效

原生js css3绘制圆形光影音乐播放器,支持上一首或下一首切换,播放暂停,音量控制,音乐播放进度条控制,音乐列表播放,输入添加音乐播放地址等功能。这是一款很全...

Bilibili头部景深对焦效果

Bilibili头部景深对焦效果

交互式鼠标悬停头图景深对焦效果<head>       <meta n...

响应式人物介绍列表ui切换特效

响应式人物介绍列表ui切换特效

一款js css3制作响应式的人物介绍图文列表,带左右按钮控制列表滑动切换效果。可用于企业团队人物介绍ui布局。下载链接: https://pan.baidu....

关于bootstrap.min.js.map报错404的问题

关于bootstrap.min.js.map报错404的问题

相信很多用过BootStrap框架的伙伴都遇到过bootstrap.min.js.map 404的错误,明明自己并没有去调用这个文件为什么会报这个错误呢?小沫就...

大气磅礴的滑块网页背景

大气磅礴的滑块网页背景

<html>     <head>     <...

JavaScript时间日期的基操

JavaScript时间日期的基操

javascript 时间的基本操作,记录一下方便日后Ctrl C / Ctrl V获取当前月份的总天数:由于JavaScript中day的范围为1~31中的值...

评论列表

Java开发小白
Java开发小白
4年前 (2021-11-14)

好家伙,原来是服务器返回的地址,那不应该是分享一下服务器端的设计嘛

admin 回复:
这是公共的接口,要是需要服务端源码只能自己写,需要自己存ip
4年前 (2021-11-14)

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。