分享个包含各省、市、区的编码数据的在线静态资源脚本
在翻《SpringBoot+Vue3》——十三尼克陈作者的大型前后端分离项目实战里面,在看到地址管理的部分时,发现了该作者记录有一个静态的地址资源脚本
这里做个记录,打点
一、引入js
<script src="https://s.yezgea02.com/1641120061385/tdist.js"></script>
在引入了这个js文件以后,可以log一下tdist
<script>console.log(window.tdist);</script>
看一下控制台

有一个对象信息,

用键值对的方式存储了很多地址的对应编码
控制台打印出来的信息结果,是window.tdist对象的键值对,其特点是key值为value数组第一个值的地址code,value数组第二个值是当前地址的所属地址编码
比如:北京市东城区对应的code是110101,其所属地址的code为北京市110100
同时,window.tdist提供了3个方法
二、方法一:getLev1()
作用:获取一级数据。组成对象数组,结构如下
可以打开在线js文件,拉到最底下,看到这个方法

直接log出这个方法
<script>console.log(tdist.getLev1());</script>

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

传个code去log一下
<script>console.log(window.tdist.getLev2('450000'));</script>
注意哦:这里传的参数是字符串类型,如果是数字,就会报错

四、方法三:getLev3()
该方法接收一个二级数据的id
例如:使用广西的南宁id 450100 作为参数传递
<script>console.log(window.tdist.getLev3('450100'));</script>

注意哦:这里传的参数也是字符串类型,如果是数字,就会报错
相关文章:
分享个包含各省、市、区的编码数据的在线静态资源脚本
在翻《SpringBootVue3》——十三尼克陈作者的大型前后端分离项目实战里面,在看到地址管理的部分时,发现了该作者记录有一个静态的地址资源脚本 这里做个记录,打点 一、引入js <script src"https://s.yezgea02.com/1641120061385/td…...
Elasticsearch聚合----aggregations的简单使用
文章目录 Getting started1、搜索 address 中包含 mill 的所有人的年龄分布以及平均年龄,但不显示这些人的详情2、size0不展示命中记录,只展示聚合结果3、按照年龄聚合,并且请求这些年龄段的这些人的平均薪资4、查出所有年龄分布,…...
GOPS·2023上海站 | 提前剧透!阿里、腾讯、字节、擎创等专家齐聚上海,共话互联网运维
一、前言 2023年10月26日-27日,第二十一届 GOPS 全球运维大会 2023 上海站即将举行。作为年终前最后一场面向 IT 技术从业者的高端运维盛会。大会上,来自腾讯、阿里、字节跳动、抖音、美团、擎创科技等明星专家,将带来十大互联网行业精彩主…...
防关联浏览器推荐:MuLogin指纹浏览器安全登录多平台账号
在现今的数字时代,我们的生活离不开互联网。我们使用在线平台进行银行交易、购物、社交媒体互动和其他各种活动。为了保护个人隐私和账号安全,我们需要寻找一种安全且方便的方式来管理我们的在线账号。MuLogin指纹浏览器正是为了满足这些需求而设计的一款…...
部署SeaTunnel单节点Standalone 模式环境
1.前置准备: SeaTunnel支持运行在JDK8及以上环境。该步骤需要用户自行安装JDK环境。 2.下载安装包 本次部署使用的是2.3.1版本。如果你需要下载其它版本,可以从如下网址中查询对应的版本。 Apache SeaTunnel mkdir ~/seatunnel cd ~/seatunnelwget https://dl…...
二十三、设计模式之组合模式