您的位置:首页 > Web前端 > JavaScript

js代码实现根据实际物理地址,进行 URL 跳转,并实现用户自定义 URL 跳转

2018-01-10 17:38 651 查看
1.首先我们直接引用获取用户物理地址的第三方接口,接口网上有很多,我用的是搜狐的接口。

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

2.大家可以直接 URL 访问下这个接口,看看它的返回值是一个 returnCitySN 对象,

里面有 cip :用户IP,cname:城市名,cid:城市码。

3.我们可以直接根据 cname 来给网页跳转到,对应城市的 URL

 if (city == "福建省福州市") {

            if (url != "http://fuzhou.leet.com.cn/") {

                window.location.href = "http://fuzhou.leet.com.cn/";

            }

        }

4.根据物理地址实现网站调到对应 URL 实现了,但是如果你的网站开放多城市数据,这样只能让用户访问到对应城市的 URL,要实现用户自定义城市选择,我选择的解决方案是,在用户选择的连接后面加上一个 ?flag=cityName ,然后用 cookie 保存。

5.在我们进入页面前要先判断 URL 是不是用户自定义的,也就是说有没有  ?flag=cityName,还有判断有没有 自定义的 COOKIE,有的话就绕过,物理地址判断跳转 URL 的判断。

6.下面附 JS  获取cookie的代码

     function getCookie(name) {

        var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");

        if (arr = document.cookie.match(reg))

            return unescape(arr[2]);

        else

            return null;

    }
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: