当前位置: 首页 > article >正文

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

在翻《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>

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


http://www.kler.cn/a/104207.html

相关文章:

  • PyCharm 安装 cx_Oracle 失败
  • c语言从入门到实战——分支和循环
  • Kubernetes (K8S)概述
  • Kubernetes技术与架构-网络 3
  • 上游服务不可用了,下游服务如何应对?
  • 3682: 【C3】【递推】台阶问题
  • 【Linux Screen命令】Linux用户注销后可长时间运行的命令行
  • React 核心与实战2023版
  • IP地址在网络安全中的关键作用
  • 机器学习之ROC与AUC
  • Linux msend.pl配置
  • mysql 基础知识
  • 【数据结构】数组和字符串(四):特殊矩阵的压缩存储:稀疏矩阵——三元组表
  • JWT的登录认证与自校验原理分析
  • AUTOSAR汽车电子嵌入式编程精讲300篇-基于 CAN 总线的车辆数据采集与远程监控系统研发
  • 一文了解GC垃圾回收
  • 大数据性能测试方案-V1.0
  • 操作系统第二章王道习题_进程与线程_总结易错知识点
  • 边缘计算:云计算的延伸
  • MySQL - mvcc