IP地址查询接口

有时候我们前端需要获取到用户的所在地,虽然这种需求很少,但在某些情况下还是有用的,比如这种场景:在用户注册或者修改个人资料的时候,有个地址表单需要填写,那么这种情况下我们就可以通过用户的IP地址来确定用户所在地,动态的更改地址表单,这样可以简化用户的操作,从某种程度上来说也算是提升用户体验。


获取IP地址我们可以选择现成的接口,这里我推荐使用搜狐IP地址查询接口

http://pv.sohu.com/cityjson(默认GBK格式)

http://pv.sohu.com/cityjson?ie=utf-8(UTF-8格式)


我们可以直接在浏览器地址栏打开上面的地址,可以看到返回的信息如下:

blob.png

那么接下来我们在js代码中使用这个接口,接口以script标签的形式引入。

<script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>

从上图中我们知道返回的信息保存在returnCitySN这个变量中,我们打印一下看看

blob.png

返回的是一个对象,既然是对象那就好办了,直接用

alert("你的IP是:" + returnCitySN.cip + "\n你目前在:" + returnCitySN.cname);

blob.png