分享个包含各省、市、区的编码数据的在线静态资源脚本

在翻《SpringBoot+Vue3》------十三尼克陈作者的大型前后端分离项目实战里面,在看到地址管理的部分时,发现了该作者记录有一个静态的地址资源脚本

这里做个记录,打点

一、引入js

javascript 复制代码
  <script src="https://s.yezgea02.com/1641120061385/tdist.js"></script>

在引入了这个js文件以后,可以log一下tdist

javascript 复制代码
  <script>
    console.log(window.tdist);
  </script>

看一下控制台

有一个对象信息,

用键值对的方式存储了很多地址的对应编码

控制台打印出来的信息结果,是window.tdist对象的键值对,其特点是key值为value数组第一个值的地址code,value数组第二个值是当前地址的所属地址编码

比如:北京市东城区对应的code是110101,其所属地址的code为北京市110100

同时,window.tdist提供了3个方法

二、方法一:getLev1()

作用:获取一级数据。组成对象数组,结构如下

可以打开在线js文件,拉到最底下,看到这个方法

直接log出这个方法

javascript 复制代码
  <script>
    console.log(tdist.getLev1());
  </script>

三、方法二:getLev2()

该方法接收一个一级数据的id

例如:接收广西壮族自治区的id,也就是code作为参数,可以得到一个二级的数据列表

传个code去log一下

javascript 复制代码
  <script>
    console.log(window.tdist.getLev2('450000'));
  </script>

注意哦:这里传的参数是字符串类型,如果是数字,就会报错

四、方法三:getLev3()

该方法接收一个二级数据的id

例如:使用广西的南宁id 450100 作为参数传递

javascript 复制代码
  <script>
    console.log(window.tdist.getLev3('450100'));
  </script>

注意哦:这里传的参数也是字符串类型,如果是数字,就会报错

相关推荐
yBmZlQzJ2 天前
财运到内网穿透域名解析技术机制与中立评估
运维·经验分享·docker·容器·1024程序员节
yBmZlQzJ2 天前
内网穿透工具通过端口转发实现内外网通信
运维·经验分享·docker·容器·1024程序员节
数据皮皮侠AI3 天前
数字经济政策工具变量数据(2008-2023)
大数据·数据库·人工智能·笔记·1024程序员节
网安_秋刀鱼4 天前
【java安全】shiro反序列化1(shiro550)
java·开发语言·安全·web安全·网络安全·1024程序员节
unable code5 天前
攻防世界-Misc-Wire1
网络安全·ctf·misc·1024程序员节
开开心心就好6 天前
版本转换工具,支持Win双系统零售批量版
linux·运维·服务器·pdf·散列表·零售·1024程序员节
开开心心就好6 天前
免费卸载工具,可清理残留批量管理启动项
linux·运维·服务器·windows·随机森林·pdf·1024程序员节
unable code7 天前
攻防世界-Misc-4-1
网络安全·ctf·misc·1024程序员节
yBmZlQzJ8 天前
免费内网穿透-端口转发配置介绍
运维·经验分享·docker·容器·1024程序员节