本文总结了JavaScript获取用户IP地址的三种常见方法。第一种通过搜狐城市接口返回城市JSON;第二种利用腾讯IP接口直接输出IP与归属地;第三种结合jQuery与腾讯接口,将获取到的IP及地址信息赋值给页面表单元素。
基于搜狐接口的IP获取方法
第一种方法是通过搜狐的城市接口来获取IP地址。具体实现是引入搜狐提供的城市JSON脚本,该脚本会自动定义一个包含城市信息的对象,随后通过JavaScript代码将该对象的IP字段输出到文档中。
<script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>
<script type="text/<A class=infotextkey href="https://www.jb51.net/" target=_blank>javascript</A>">
document.write(returnCitySN["cip"]+','+returnCitySN["cname"])
</script>
基于腾讯接口的直接输出方法
第二种方法利用腾讯提供的IP接口。首先引入腾讯的IP地址脚本,该脚本会定义一个IPData数组。接着使用JavaScript代码直接写入字符串,拼接显示用户的IP地址(取自IPData数组的第一个元素)以及所属地区(取自IPData数组的第二个元素)。
<script language="javascript" type="text/javascript" src="http://fw.qq.com/ipaddress">
</script>
<script>document.write("你的IP是:"+IPData[0]+",来自:"+IPData[2]);
</script>
结合jQuery与腾讯接口的表单赋值方法
3,js取得ip地址的方法三,腾讯IP,转UTF-8:8
<script type="text/javascript" src="http://fw.qq.com/ipaddress" charset="gb2312"></script>
$(document).ready(function() {
$("#ip").val(IPData[0]);
$("#add").val(IPData[2]);
})