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

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

这里做个记录,打点

一、引入js

  

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

  

看一下控制台

有一个对象信息,

分享个包含各省、市、区的编码数据的在线静态资源脚本_第1张图片

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

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

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

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

二、方法一:getLev1()

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

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

分享个包含各省、市、区的编码数据的在线静态资源脚本_第2张图片

直接log出这个方法

  

分享个包含各省、市、区的编码数据的在线静态资源脚本_第3张图片

三、方法二:getLev2()

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

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

分享个包含各省、市、区的编码数据的在线静态资源脚本_第4张图片

传个code去log一下

  

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

四、方法三:getLev3()

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

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

  

分享个包含各省、市、区的编码数据的在线静态资源脚本_第5张图片

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

你可能感兴趣的:(前端,1024程序员节)