CN117033823A - 基于浏览器url的传参方法、装置、电子设备及存储介质 - Google Patents

Abstract

本发明公开了一种适用于金融科技或其他相关技术领域的基于浏览器URL的传参方法、装置、电子设备及存储介质，方法包括：响应于参数调用请求，获取当前浏览器的URL；基于所述参数调用请求，获取与所述参数调用请求对应的参数变量；基于所述参数变量，采用预设的查询字符串公用函数计算出所述URL中对应的参数名和参数值；将所述参数名和参数值从所述URL中截取并返回，以供调用页面获取。本发明解决了现有技术中在界面之间进行参数传递时不便于抽取公共方法、且代码冗余的技术问题。

Description

基于浏览器URL的传参方法、装置、电子设备及存储介质

技术领域

本发明涉及计算机技术领域，具体涉及一种基于浏览器URL的传参方法、装置、电子设备及存储介质。

背景技术

JS是一门客户端语言，是唯一可以嵌入HTML的脚步语言，它的动态特性和DOM的紧密集成，借助JavaScript，可以直接在客户端，也就是浏览器中处理逻辑。在一个系统或者产品中，会经常存在界面之间传递参数的场景。比如在金融领域中，登录一个应用工具系统(例如银行查询系统)或者银行绩效系统，需要获取当前登录人信息及一些相关页面参数值传递给另外一个跳转页面来展示其对应的数据内容。

目前通常的做法主要有四种：1、把参数值附在URL后面传递到其他页面；2、用localStorage和sessionStorage储存传递；3、使用浏览器cookie传递参数；4、Form表单通过URL传递参数。

综合这4种通用方法分析目前开发使用过程种存在的弊端：通过URL中添加参数的形式传参，由于没有经过统一封装，不便于抽取公共方法，可能造成规范不一致，代码冗余的问题；通过浏览器本地缓存，但这种方式明显存在不足，比如在用户主动清除缓存，而且每个开发者都需要重复写代码。

发明内容

本发明的目的在于克服上述技术不足，提供一种适用于金融科技或其他相关技术领域的基于浏览器URL的传参方法、装置、电子设备及存储介质，解决现有技术中在界面之间进行参数传递时不便于抽取公共方法、且代码冗余的技术问题。

为达到上述技术目的，本发明采取了以下技术方案：

第一方面，本发明提供了一种基于浏览器URL的传参方法，包括如下步骤：

响应于参数调用请求，获取当前浏览器的URL；

基于所述参数调用请求，获取与所述参数调用请求对应的参数变量；

基于所述参数变量，采用预设的查询字符串公用函数计算出所述URL中对应的参数名和参数值；

将所述参数名和参数值从所述URL中截取并返回，以供调用页面获取。

在一些实施例中，所述基于所述参数调用请求，获取与所述参数调用请求对应的参数变量，包括：

对所述参数调用请求进行解析，获取所述参数调用请求所请求的参数；

基于所述参数调用请求所请求的参数，获取与所述参数调用请求对应的参数变量。

在一些实施例中，所述基于所述参数变量，采用预设的查询字符串公用函数计算出所述URL中对应的参数名和参数值，包括：

基于所述参数变量以及预设的查询字符串公用函数，建立与所述参数变量对应的正则表达式；

采用所述正则表达式，匹配所述浏览器的URL的参数名和参数值。

在一些实施例中，所述将所述参数名和参数值从所述URL中截取并返回，以供调用页面获取，包括：

采用计算机语言截取所述参数名和参数值，并返回所有符合参数条件的数据集合；

将所述数据集合进行解码，以供调用页面获取。

在一些实施例中，通过所述浏览器内置函数中的哈希以及搜索属性和方法，截取所述参数名和参数值。

在一些实施例中，通过浏览器内置的match函数对截取的参数名和参数值进行匹配，以返回所有符合参数条件的数据集合。

在一些实施例中，采用所述浏览器内置的解码函数对所述数据集合进行解码。

第二方面，本发明还提供了一种基于浏览器URL的传参装置，包括：

URL获取模块，响应于参数调用请求，获取当前浏览器的URL；

参数变量获取模块，用于基于所述参数调用请求，获取与所述参数调用请求对应的参数变量；

参数获取模块，用于基于所述参数变量，采用预设的查询字符串公用函数计算出所述URL中对应的参数名和参数值；

参数返回模块，用于将所述参数名和参数值从所述URL中截取并返回，以供调用页面获取。

第三方面，本发明还提供一种电子设备，包括：处理器和存储器；

所述存储器上存储有可被所述处理器执行的计算机程序；

所述处理器执行所述计算机程序时实现如上所述的基于浏览器URL的传参方法中的步骤。

第四方面，本发明还提供一种计算机可读存储介质，所述计算机可读存储介质存储有一个或者多个程序，所述一个或者多个程序可被一个或者多个处理器执行，以实现如上所述的基于浏览器URL的传参方法中的步骤。

与现有技术相比，本发明提供的基于浏览器URL的传参方法、装置、电子设备及存储介质，首先响应于参数调用请求，获取当前浏览器的URL；然后基于所述参数调用请求，获取与所述参数调用请求对应的参数变量；之后基于所述参数变量，采用预设的查询字符串公用函数计算出所述URL中对应的参数名和参数值；最后将所述参数名和参数值从所述URL中截取并返回，以供调用页面获取。本发明通过封装一个浏览器URL传参的函数方法，可以把一个界面的参数传给其它任何一个界面，有利于统一入参和返回值的格式。建立一种标准化的传参操作，同时具有较高的性能，对于业务开发来说这是一种高效的多界面传参调用方法，业务开发可以直接通过调用此方法获取指定界面的参数，快速传递给其它任何界面，提高开发效率和质量，减少重复代码编写，减少重造轮子。

附图说明

图1是本发明实施例提供的基于浏览器URL的传参方法的流程图；

图2是本发明实施例提供的基于浏览器URL的传参方法中，步骤S200的流程图；

图3是本发明实施例提供的基于浏览器URL的传参方法中，步骤S300的流程图；

图4是本发明实施例提供的基于浏览器URL的传参方法中，步骤S400的流程图；

图5是本发明实施例提供的基于浏览器URL的传参装置的功能模块示意图；

图6是本发明实施例提供的电子设备的硬件结构示意图。

具体实施方式

为了使本发明的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本发明进行进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。

JS是一门客户端语言，是唯一可以嵌入HTML的脚步语言，它的动态特性和DOM的紧密集成，借助JavaScript，可以直接在客户端，也就是浏览器中处理逻辑。在一个系统或者产品中，会经常存在界面之间传递参数的场景。比如在金融领域中，登录一个应用工具系统(例如银行查询系统)或者银行绩效系统，需要获取当前登录人信息及一些相关页面参数值传递给另外一个跳转页面来展示其对应的数据内容。目前通常的做法主要有四种：1、把参数值附在URL后面传递到其他页面；2、用localStorage和sessionStorage储存传递；3、使用浏览器cookie传递参数；4、Form表单通过URL传递参数。综合这4种通用方法分析目前开发使用过程种存在的弊端：通过URL中添加参数的形式传参，由于没有经过统一封装，不便于抽取公共方法，可能造成规范不一致，代码冗余的问题；通过浏览器本地缓存，但这种方式明显存在不足，比如在用户主动清除缓存，而且每个开发者都需要重复写代码。

基于此，本发明提供了一种基于浏览器URL的传参方法。请参阅图1，图1本发明实施例提供的一种基于浏览器URL的传参方法的流程示意图，本发明所涉及的基于浏览器URL的传参方法可用于金融领域的界面之间的参数传递应用中，以更好的进行页面之间的参数传递。本发明所涉及的基于浏览器URL的传参方法可由电子设备执行，该电子设备能够进行接收或发送数据等操作，可以是具有显示屏并且支持网页浏览的各种电子设备，包括但不限于智能手机、平板电脑、便携式计算机和台式服务器等等。如图1所示，该方法具体包括以下步骤S100至步骤S400。

S100、响应于参数调用请求，获取当前浏览器的URL。

本实施例中，当用户需要获取某一数据内容时，在当前页面点击查询按钮，随即生成参数调用请求，此时首先获取当前浏览器的URL，其中，URL是因特网的万维网服务程序上用于指定信息位置的表示方法，正如访问资源的方法有很多种一样，对资源进行定位的方案也有好几种。URL的一般语法只是为使用协议来建立新方案提供了一个框架。URL通过提供资源位置的一种抽象标志符来对资源进行定位，系统定位了一个资源后，可能会对它进行各种各样的操作，这些操作可以抽象为下面的几个词：访问，更新，替换，发现属性。一般来说，只有访问方法这一项在任何URL方案中都需要进行描述。

S200、基于所述参数调用请求，获取与所述参数调用请求对应的参数变量。

本实施例中，首先定义一个获取URL参数的变量param，其表示当前想获取的URL中的参数名，例如，URL为http://www.baidu.com？name＝lisi&age＝18，当需要获取name时，就传入参数变量param，例如querystring("name")，在定义后，当获取了参数调用请求后，即可根据参数调用请求获取与所述请求对应的参数变量。

S300、基于所述参数变量，采用预设的查询字符串公用函数计算出所述URL中对应的参数名和参数值。

本实施例中，当获取了参数变量后，可以利用查询字符串公用函数来自己算出参数名和参数值，该函数接收一个参数param，代表着当前想获取的URL中的参数名，比如http://www.baidu.com？name＝lisi&age＝18，想要获取name就传入param所在位置，如querystring("name")。因此，当一个界面想要传递一些参数给另外任何界面时，只在在跳转时，加上query参数，即可随心所欲的获取任何想要的参数，该函数可作为项目团队中公共使用的工具类函数，一经封装，全员可以使用。

S400、将所述参数名和参数值从所述URL中截取并返回，以供调用页面获取。

本实施例中，当计算出了参数名和参数值后，即可对参数名和参数值进行截取，然后反馈至调用页面，供调用页面使用，进而快速传递给其它任何界面，提高开发效率和质量，减少重复代码编写，减少重复造轮子。

本发明实施例，首先响应于参数调用请求，获取当前浏览器的URL；然后基于所述参数调用请求，获取与所述参数调用请求对应的参数变量；之后基于所述参数变量，采用预设的查询字符串公用函数计算出所述URL中对应的参数名和参数值；最后将所述参数名和参数值从所述URL中截取并返回，以供调用页面获取。本发明通过封装一个浏览器URL传参的函数方法，可以把一个界面的参数传给其它任何一个界面，有利于统一入参和返回值的格式。建立一种标准化的传参操作，同时具有较高的性能，对于业务开发来说这是一种高效的多界面传参调用方法，业务开发可以直接通过调用此方法获取指定界面的参数，快速传递给其它任何界面，提高开发效率和质量，减少重复代码编写，减少重造轮子。

在一些实施例中，请参阅图2，所述步骤S200具体包括：

S210、对所述参数调用请求进行解析，获取所述参数调用请求所请求的参数；

S220、基于所述参数调用请求所请求的参数，获取与所述参数调用请求对应的参数变量。

本实施例中，当获取了参数调用请求后，首先对参数调用请求进行解析，判断其需要获取何种参数，当解析出了所需的参数后，根据该参数匹配出对应的参数变量，例如name对应的参数变量为querystring("name")，即可通过该参数变量计算出后续的参数名和参数值。

在一些实施例中，请参阅图3，所述步骤S300具体包括：

S310、基于所述参数变量以及预设的查询字符串公用函数，建立与所述参数变量对应的正则表达式；

S320、采用所述正则表达式，匹配所述浏览器的URL的参数名和参数值。

本实施例中，使用正则表达式RegExp匹配浏览器参数名和参数值，如果想获取URL中name的值，函数调用querystring("name")，则正则表达式如下：/(^|&)name＝([^&]*)(&|$)/，意思是匹配以&或空串开始+参数名+除&以外的任意字符，并以&或空串结束。通过以上，即匹配name＝lisi这段字符串，同理，如果获取URL中的age，通过querystring("age")，则正则表达式如下：/(^|&)age＝([^&]*)(&|$)/，即匹配&age＝18。如若想获取其他URL中的参数，原理类似，在此不再赘述。

在一些实施例中，请参阅图4，所述步骤S400具体包括：

S410、语言截取所述参数名和参数值，并返回所有符合参数条件的数据集合；

S420、集合进行解码，以供调用页面获取。

在一些实施例中，通过所述浏览器内置函数中的哈希以及搜索属性和方法，截取所述参数名和参数值。

在一些实施例中，通过浏览器内置的match函数对截取的参数名和参数值进行匹配，以返回所有符合参数条件的数据集合。

在一些实施例中，采用所述浏览器内置的解码函数对所述数据集合进行解码。

本实施例中，首先用计算机语言window.location浏览器内置函数中的hash及search属性和方法，截取url中？后的字符串，例如window.location.search或者window.location.hash.search可以进行截取操作，然后通过match函数匹配，返回所有符合条件的数据集合，比如截取如上URL中？后的部分为：name＝lisi&age＝18。通过以上设计，如果想获取URL中的参数，如，querystring("name")，会返回符合条件的name＝lisi，通过正则匹配最终返回类似["name＝lisi","",”lisi”]数组。为了防止出现因编码问题造成的乱码，用Windows浏览器自带解码方法decodeURIComponent解码最终得到lisi,以便后续调用。

本发明提供的技术方案，首先响应于参数调用请求，获取当前浏览器的URL；然后基于所述参数调用请求，获取与所述参数调用请求对应的参数变量；之后基于所述参数变量，采用预设的查询字符串公用函数计算出所述URL中对应的参数名和参数值；最后将所述参数名和参数值从所述URL中截取并返回，以供调用页面获取。本发明通过封装一个浏览器URL传参的函数方法，可以把一个界面的参数传给其它任何一个界面，有利于统一入参和返回值的格式。建立一种标准化的传参操作，同时具有较高的性能，对于业务开发来说这是一种高效的多界面传参调用方法，业务开发可以直接通过调用此方法获取指定界面的参数，快速传递给其它任何界面，提高开发效率和质量，减少重复代码编写，减少重造轮子。

本发明另一实施例提供一种基于浏览器URL的传参装置，请参阅图5，该基于浏览器URL的传参装置包括URL获取模块11、参数变量获取模块12、参数获取模块13以及参数返回模块14。

URL获取模块11响应于参数调用请求，获取当前浏览器的URL。

参数变量获取模块12用于基于所述参数调用请求，获取与所述参数调用请求对应的参数变量。

参数获取模块13用于基于所述参数变量，采用预设的查询字符串公用函数计算出所述URL中对应的参数名和参数值。

参数返回模块14用于将所述参数名和参数值从所述URL中截取并返回，以供调用页面获取。

本实施例中，首先响应于参数调用请求，获取当前浏览器的URL；然后基于所述参数调用请求，获取与所述参数调用请求对应的参数变量；之后基于所述参数变量，采用预设的查询字符串公用函数计算出所述URL中对应的参数名和参数值；最后将所述参数名和参数值从所述URL中截取并返回，以供调用页面获取。本发明通过封装一个浏览器URL传参的函数方法，可以把一个界面的参数传给其它任何一个界面，有利于统一入参和返回值的格式。建立一种标准化的传参操作，同时具有较高的性能，对于业务开发来说这是一种高效的多界面传参调用方法，业务开发可以直接通过调用此方法获取指定界面的参数，快速传递给其它任何界面，提高开发效率和质量，减少重复代码编写，减少重造轮子。

需要说明的是，本发明所称的模块是指能够完成特定功能的一系列计算机程序指令段，比程序更适合于描述基于浏览器URL的传参的执行过程，各模块的具体实施方式请参考上述对应的方法实施例，此处不再赘述。

在一些实施例中，所述参数变量获取模块12具体用于：

对所述参数调用请求进行解析，获取所述参数调用请求所请求的参数；

基于所述参数调用请求所请求的参数，获取与所述参数调用请求对应的参数变量。

在一些实施例中，所述参数获取模块13具体用于：

基于所述参数变量以及预设的查询字符串公用函数，建立与所述参数变量对应的正则表达式；

采用所述正则表达式，匹配所述浏览器的URL的参数名和参数值。

在一些实施例中，所述参数返回模块14具体用于：

采用计算机语言截取所述参数名和参数值，并返回所有符合参数条件的数据集合；

将所述数据集合进行解码，以供调用页面获取。

在一些实施例中，通过所述浏览器内置函数中的哈希以及搜索属性和方法，截取所述参数名和参数值。

在一些实施例中，通过浏览器内置的match函数对截取的参数名和参数值进行匹配，以返回所有符合参数条件的数据集合。

在一些实施例中，采用所述浏览器内置的解码函数对所述数据集合进行解码。

本发明另一实施例提供一种电子设备，如图6所示，电子设备10包括：

一个或多个处理器110以及存储器120，图6中以一个处理器110为例进行介绍，处理器110和存储器120可以通过总线或者其他方式连接，图6中以通过总线连接为例。

处理器110用于完成电子设备10的各种控制逻辑，其可以为通用处理器、数字信号处理器(DSP)、专用集成电路(ASIC)、现场可编程门阵列(FPGA)、单片机、ARM(Acorn RISCMachine)或其它可编程逻辑器件、分立门或晶体管逻辑、分立的硬件组件或者这些部件的任何组合。还有，处理器110还可以是任何传统处理器、微处理器或状态机。处理器110也可以被实现为计算设备的组合，例如，DSP和微处理器的组合、多个微处理器、一个或多个微处理器结合DSP和/或任何其它这种配置。

存储器120作为一种非易失性计算机可读存储介质，可用于存储非易失性软件程序、非易失性计算机可执行程序以及模块，如本发明实施例中的基于浏览器URL的传参方法对应的程序指令。处理器110通过运行存储在存储器120中的非易失性软件程序、指令以及单元，从而执行电子设备10的各种功能应用以及数据处理，即实现上述方法实施例中的基于浏览器URL的传参方法。

存储器120可以包括存储程序区和存储数据区，其中，存储程序区可存储操作平台、至少一个功能所需要的应用程序；存储数据区可存储根据电子设备10使用所创建的数据等。此外，存储器120可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、闪存器件、或其他非易失性固态存储器件。在一些实施例中，存储器120可选包括相对于处理器110远程设置的存储器，这些远程存储器可以通过网络连接至电子设备10。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。

一个或者多个单元存储在存储器120中，当被一个或者多个处理器110执行时，执行上述任意方法实施例中的基于浏览器URL的传参方法，例如，执行以上描述的图1中的方法步骤S100至步骤S400。

本发明另一实施例提供了一种计算机可读存储介质，计算机可读存储介质存储有计算机可执行指令，该计算机可执行指令被一个或多个处理器执行，例如，执行以上描述的图1中的方法步骤S100至步骤S400。

作为示例，计算机可读存储介质能够包括只读存储器(ROM)、可编程ROM(PROM)、电可编程ROM(EPROM)、电可擦ROM(EEPROM)或闪速存储器。易失性存储器能够包括作为外部高速缓存存储器的随机存取存储器(RAM)。通过说明而非限制，RAM可以以诸如同步RAM(SRAM)、动态RAM、(DRAM)、同步DRAM(SDRAM)、双数据速率SDRAM(DDRSDRAM)、增强型SDRAM(ESDRAM)、Synchlink DRAM(SLDRAM)以及直接Rambus(兰巴斯)RAM(DRRAM)之类的许多形式得到。本文中所描述的操作环境的所公开的存储器组件或存储器旨在包括这些和/或任何其他适合类型的存储器中的一个或多个。

综上所述，本发明提供的基于浏览器URL的传参方法、装置、电子设备及存储介质，首先响应于参数调用请求，获取当前浏览器的URL；然后基于所述参数调用请求，获取与所述参数调用请求对应的参数变量；之后基于所述参数变量，采用预设的查询字符串公用函数计算出所述URL中对应的参数名和参数值；最后将所述参数名和参数值从所述URL中截取并返回，以供调用页面获取。本发明通过封装一个浏览器URL传参的函数方法，可以把一个界面的参数传给其它任何一个界面，有利于统一入参和返回值的格式。建立一种标准化的传参操作，同时具有较高的性能，对于业务开发来说这是一种高效的多界面传参调用方法，业务开发可以直接通过调用此方法获取指定界面的参数，快速传递给其它任何界面，提高开发效率和质量，减少重复代码编写，减少重造轮子。

以上所述本发明的具体实施方式，并不构成对本发明保护范围的限定。任何根据本发明的技术构思所做出的各种其他相应的改变与变形，均应包含在本发明权利要求的保护范围内。

Claims (10)

1.一种基于浏览器URL的传参方法，其特征在于，包括如下步骤：

响应于参数调用请求，获取当前浏览器的URL；

基于所述参数调用请求，获取与所述参数调用请求对应的参数变量；

基于所述参数变量，采用预设的查询字符串公用函数计算出所述URL中对应的参数名和参数值；

将所述参数名和参数值从所述URL中截取并返回，以供调用页面获取。

2.根据权利要求1所述的基于浏览器URL的传参方法，其特征在于，所述基于所述参数调用请求，获取与所述参数调用请求对应的参数变量，包括：

对所述参数调用请求进行解析，获取所述参数调用请求所请求的参数；

基于所述参数调用请求所请求的参数，获取与所述参数调用请求对应的参数变量。

3.根据权利要求1所述的基于浏览器URL的传参方法，其特征在于，所述基于所述参数变量，采用预设的查询字符串公用函数计算出所述URL中对应的参数名和参数值，包括：

基于所述参数变量以及预设的查询字符串公用函数，建立与所述参数变量对应的正则表达式；

采用所述正则表达式，匹配所述浏览器的URL的参数名和参数值。

4.根据权利要求1所述的基于浏览器URL的传参方法，其特征在于，所述将所述参数名和参数值从所述URL中截取并返回，以供调用页面获取，包括：

采用计算机语言截取所述参数名和参数值，并返回所有符合参数条件的数据集合；

将所述数据集合进行解码，以供调用页面获取。

5.根据权利要求4所述的基于浏览器URL的传参方法，其特征在于，通过所述浏览器内置函数中的哈希以及搜索属性和方法，截取所述参数名和参数值。

6.根据权利要求4所述的基于浏览器URL的传参方法，其特征在于，通过浏览器内置的match函数对截取的参数名和参数值进行匹配，以返回所有符合参数条件的数据集合。

7.根据权利要求4所述的基于浏览器URL的传参方法，其特征在于，采用所述浏览器内置的解码函数对所述数据集合进行解码。

8.一种基于浏览器URL的传参装置，其特征在于，包括：

URL获取模块，响应于参数调用请求，获取当前浏览器的URL；

参数变量获取模块，用于基于所述参数调用请求，获取与所述参数调用请求对应的参数变量；

参数获取模块，用于基于所述参数变量，采用预设的查询字符串公用函数计算出所述URL中对应的参数名和参数值；

参数返回模块，用于将所述参数名和参数值从所述URL中截取并返回，以供调用页面获取。

9.一种电子设备，其特征在于，包括：处理器和存储器；

所述存储器上存储有可被所述处理器执行的计算机程序；

所述处理器执行所述计算机程序时实现如权利要求1-7任意一项所述的基于浏览器URL的传参方法中的步骤。

10.一种计算机可读存储介质，其特征在于，包括：处理器和存储器；

所述存储器上存储有可被所述处理器执行的计算机程序；

所述处理器执行所述计算机程序时实现如权利要求1-7任意一项所述的基于浏览器URL的传参方法中的步骤。