PHP+jQuery根据IP定位城市

PHP+jQuery根据IP定位城市

本文将给大家用两种方法演示根据IP定位用户所在城市信息。

淘建站为您提供更多_其它特效_Ajax_级联_ip,在此特别感谢您对我们的支持与厚爱!

查看演示

演示不了,点击反馈

加入收藏

下载 372 次

打赏作者

觉得不错,可打赏下作者

下载资源

免费共享

特别说明:本站资源来自网友发布分享,仅供学习与参考,请勿用于商业用途,若有侵权请联系删除(272966172@qq.com)。
分类:其它特效 > Ajax 难易程度:中级

HTML

首先我们先介绍 “调用新浪IP库接口”的方法:

<p>当前城市:</p>
  <div id="city_1">
    <select class="prov"></select> 
    <select class="city"></select>
</div>

首先引用jQuery库、联动插件及新浪的IP库接口:

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.cityselect.js"></script>
<script type="text/javascript" src="http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js"></script>

接着我们通过新浪IP库接口,获取当前省份和城市,然后我们再用联动插件(jquery.cityselect.js)选中当前省份和城市。

$(function() {
    var province = remote_ip_info['province']; //当前省
    var city = remote_ip_info['city']; //当前市
    var district = remote_ip_info['district']; //当前区/县
    $("#city_1").citySelect({
        prov: province,
        city: city
    });
});

第二站方法,通过使用QQ纯真IP库来获取当前城市信息,示例中我们用Ajax来实现,您也可以用PHP在当前页面直接获取。

$.get("ajax.php", function(data) {
    $("#city_2").html(data);
})

Ajax.php

首先我们根据函数 get_client_ip() 来获取当前用户IP,然后根据convertip($ip)来获取相关信息。注意:搜索关键词$dat_path = 'qqwry.dat',一定要有这个QQ纯真IP库,已经帮您下载在压缩文件里了。您可以点击QQ纯真IP库直接下载。

$ip = get_client_ip();//获取当前IP
$city = convertip($ip); //通过QQ纯真IP库获取相关信息
echo iconv("gb2312","utf-8",$city);//中文编码转换为utf-8

最后请看下PHP+jQuery根据IP定位城市演示demo。

声明:本资料由淘建站会员提供,如转载注明来源,资料来源淘建站免费素材库:https://www.taojz.cn/texiao/35.html
PHP+jQuery根据IP定位城市 希望对你有帮助,感谢您的支持!
  • 原生javascript自定义滚动条(兼容IE,火狐,chrom)

    原生javascript自定义滚动条(兼容IE,火狐,chrom)

  • javascript实现简易的tab选项卡切换效果

    javascript实现简易的tab选项卡切换效果

  • javascript网页点击鼠标拖动写字效果代码

    javascript网页点击鼠标拖动写字效果代码

  • jQuery中国省市区城市选择三级联动插件

    jQuery中国省市区城市选择三级联动插件

  • JavaScript验证用户登录

    JavaScript验证用户登录

  • jquery实现城市三级选择联动

    jquery实现城市三级选择联动

  • jQuery省市区三级联动插件city-picker

    jQuery省市区三级联动插件city-picker

  • jquery Tooltip简易文本提示框插件

    jquery Tooltip简易文本提示框插件

  • jQuery选择地区学校科目三级联动菜单代码

    jQuery选择地区学校科目三级联动菜单代码

  • jQuery配送地址三四级联动城市选择代码

    jQuery配送地址三四级联动城市选择代码

  • jquery基于swiper商品细节图片轮播翻转代码

    jquery基于swiper商品细节图片轮播翻转代码

  • javascript网页键盘交互式代码

    javascript网页键盘交互式代码

  • 留言(0)
    头像
     阿里云限量代金券,戳我领取
    1 2