预览加载中,请您耐心等待几秒...
1/10
2/10
3/10
4/10
5/10
6/10
7/10
8/10
9/10
10/10

亲,该文档总共22页,到这已经超出免费预览范围,如果喜欢就直接下载吧~

如果您无法下载资料,请参考说明:

1、部分资料下载需要金币,请确保您的账户上有足够的金币

2、已购买过的文档,再次下载不重复扣费

3、资料包下载后请先用软件解压,在使用对应软件打开

(19)国家知识产权局(12)发明专利申请(10)申请公布号CN115016873A(43)申请公布日2022.09.06(21)申请号202210482126.1(22)申请日2022.05.05(71)申请人上海乾臻信息科技有限公司地址200000上海市崇明区长兴镇江南大道1333弄11号楼1409室(临港长兴科技园)(72)发明人潘秒秒冯晓明(74)专利代理机构苏州领跃知识产权代理有限公司32370专利代理师张帆(51)Int.Cl.G06F9/451(2018.01)G06F16/242(2019.01)G06Q10/08(2012.01)权利要求书2页说明书13页附图6页(54)发明名称前端数据交互方法、系统、电子设备及可读存储介质(57)摘要本申请提供了前端数据交互方法、系统、电子设备及可读存储介质。前端数据交互方法应用于快运税务系统,所述快运税务系统采用JavaScript组件中的Ajax方式以实现客户端和服务器端之间的数据交互;方法包括:利用客户端展示交互页面,交互页面中设置有输入区,输入区用于输入查询信息;当监听到输入区中正在输入查询信息时,基于已输入的查询信息生成查询请求;将查询请求传递到服务器,以获得和查询信息相匹配的目标业务信息;将目标业务信息展示在对应的UI控件中,以实现前端数据交互。通过监听输入区的查询信息并生成查询请求,获得目标业务信息并展示在前端的UI控件中,无需重复制作下拉控件,提高了用户的使用体验。CN115016873ACN115016873A权利要求书1/2页1.一种前端数据交互方法,其特征在于,应用于快运税务系统,所述快运税务系统采用JavaScript组件中的Ajax方式以实现客户端和服务器端之间的数据交互;所述方法包括:利用所述客户端展示交互页面,所述交互页面中设置有输入区,所述输入区用于输入查询信息;当监听到所述输入区中正在输入查询信息时,基于已输入的查询信息生成查询请求;将所述查询请求传递到所述服务器,以获得和查询信息相匹配的目标业务信息;将所述目标业务信息展示在对应的UI控件中,以实现前端数据交互。2.根据权利要求1所述的前端数据交互方法,其特征在于,所述当监听到所述输入区中正在输入查询信息时,基于已输入的查询信息生成查询请求,包括:当监听到在所述输入区中输入查询信息时,在所述输入区对应的下拉框中实时展示与所述查询信息对应的多个相关信息;基于用户对多个所述相关信息的选择操作,获得目标查询信息;基于目标查询信息,生成所述查询请求。3.根据权利要求2所述的前端数据交互方法,其特征在于,所述在所述输入区对应的下拉框中实时展示与所述查询信息对应的多个相关信息,包括:利用所述服务器端,将所述查询信息与服务器端的多个历史查询信息进行比对,得到多个和所述查询信息对应的历史查询信息;将和所述查询信息对应的多个历史查询信息在所述输入区对应的下拉框中按相关度顺序展示。4.根据权利要求3所述的前端数据交互方法,其特征在于,所述利用所述服务器端,将所述查询信息与服务器端的多个历史查询信息进行比对,得到多个和所述查询信息对应的历史查询信息,包括:将所述查询信息发送到服务器端;从多个所述历史查询信息中查找出以所述查询信息开头的历史查询信息,作为和所述查询信息对应的历史查询信息。5.根据权利要求3所述的前端数据交互方法,其特征在于,所述将和所述查询信息对应的多个历史查询信息在所述输入区对应的下拉框中按相关度顺序展示,包括:获取当前用户的特征信息,所述特征信息用于区分不同用户;将所述特征信息和所述查询信息对应的多个历史查询信息输入相关度排序模型,通过所述相关度排序模型输出与所述当前用户相对应的顺序排列的多个历史查询信息,所述顺序排列的多个历史查询信息按照每个历史查询信息与所述用户的相关度排列的;将所述顺序排列的多个历史查询信息在所述输入区对应的下拉框中顺序展示;所述相关度排序模型的训练过程如下:获取训练集,所述训练集包括多个训练数据,每个所述训练数据包括一个样本用户的特征信息、多个历史查询信息以及与所述特征信息和多个所述历史查询信息相对应的顺序信息的标注数据;利用所述训练集对预设的深度学习模型进行训练,得到所述相关度排序模型。6.根据权利要求1所述的前端数据交互方法,其特征在于,2CN115016873A权利要求书2/2页当所述已输入的查询信息是网点信息时,所述将所述查询请求传递到服务器,以获得和查询信息相匹配的目标业务信息,包括:利用已输入的所述网点信息获得对应的传递ID;利用JavaScript组件和所述网点信息对应的传递ID,调用所述传递ID对应的URL将所述查询请求传递到服务器端;基于所述查询请求,获得对应的多个业务服务数据,并将多个所述业务服务数据传递到客户端,将所述多个所述业务服务数据作为所述目