CN104657479A - 网页页面显示更新数据的方法及系统 - Google Patents
网页页面显示更新数据的方法及系统 Download PDFInfo
- Publication number
- CN104657479A CN104657479A CN201510086777.9A CN201510086777A CN104657479A CN 104657479 A CN104657479 A CN 104657479A CN 201510086777 A CN201510086777 A CN 201510086777A CN 104657479 A CN104657479 A CN 104657479A
- Authority
- CN
- China
- Prior art keywords
- data
- barcode scanning
- module
- ajax
- request
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Landscapes
- Information Transfer Between Computers (AREA)
Abstract
本发明公开了网页页面显示更新数据的方法及系统,方法包括以下步骤:前端页面模块接收由扫码装置扫描所产生的扫码数据,并将该扫码数据作为数据请求发送至AJAX模块;AJAX模块将接收到的数据请求发送至服务器端;服务器端响应数据请求并根据扫码数据从数据库中查找对应的数据,将查找结果返回至AJAX模块中;AJAX模块将接收到的查找结果动态地发送至前端页面模块并进行显示。本发明的有益效果在于:实现快速录入扫码数据,在数据库中查找与该扫码数据相应的数据后即时在前端页面中显示,无需手动或者自动刷新整个页面,只需要将查找结果更新至页面中即可,节省了时间和资源,也使得数据获取更高效。
Description
技术领域
本发明涉及数据更新技术领域,具体涉及网页页面显示更新数据的方法和系统。
背景技术
条形码(barcode)是将宽度不等的多个黑条和空白,按照一定的编码规则排列,用以表达一组信息的图形标识符。常见的条形码是由反射率相差很大的黑条(简称条)和白条(简称空)排成的平行线图案。条形码可以标出物品的生产国、制造厂家、商品名称、生产日期、图书分类号、邮件起止地点、类别、日期等许多信息,因而在商品流通、图书管理、邮政管理、银行系统等许多领域都得到广泛的应用。二维条码/二维码(2-dimensional bar code)是用某种特定的几何图形按一定规律在平面(二维方向上)分布的黑白相间的图形记录数据符号信息的;在代码编制上巧妙地利用构成计算机内部逻辑基础的“0”、“1”比特流的概念,使用若干个与二进制相对应的几何形体来表示文字数值信息,通过图象输入设备或光电扫描设备自动识读以实现信息自动处理:它具有条码技术的一些共性:每种码制有其特定的字符集;每个字符占有一定的宽度;具有一定的校验功能等。同时还具有对不同行的信息自动识别功能、及处理图形旋转变化点。
无论是条形码还是二维码均可记录商品数据,而且在商品信息统一管理方面起到很大的作用,用户可以通过条形码或者二维码查找对应的商品信息。在实际应用中,通常是通过在指定网页中录入扫码数据,查找到相应的商品信息后需要将其返回原来的网页中并重新加载该网页才能显示查找到的商品信息,如果频繁地查找和重加载页面必将导致资源耗费大,效率低下。
发明内容
为了克服现有技术的不足,本发明的目的在于提供一种网页页面显示更新数据的方法和系统,实现快速响应扫码装置所输入的扫码数据并根据扫码数据从数据库中获取相应的数据,最终动态地返回至前端页面中显示,整个过程无需刷新页面即可获取相应的信息。
为解决上述问题,本发明所采用的技术方案如下:
方案一:
网页页面显示更新数据的方法,包括以下步骤:
S1:前端页面模块接收由扫码装置扫描所产生的扫码数据,并将该扫码数据作为数据请求发送至AJAX模块;
S2:AJAX模块将接收到的数据请求发送至服务器端;
S3:服务器端响应数据请求并根据扫码数据从数据库中查找对应的数据,将查找结果返回至AJAX模块中;
S4:AJAX模块将接收到的查找结果动态地发送至前端页面模块并进行显示。
进一步地,在S1中,前端模块接收扫码数据后还包括对扫码数据的完整性进行判断的步骤:若扫码数据不完整,则返回错误信息并结束流程;若扫码数据完整,则将该扫码数据作为数据请求发送至AJAX模块。
进一步地,在S3中,还包括:若查找不到对应的数据,则查找结果为无,若查找到对应的数据,则查找结果为数据库中对应于该扫码数据的详细信息。
进一步地,扫码数据为条形码数据或者二维码数据。
进一步地,扫码装置为扫码枪或者预装有扫码程序并具有摄像头的智能设备。
方案二:
网页页面显示更新数据的系统,包括以下模块:
生成数据请求模块,设于前端页面模块,用于接收由扫码装置扫描所产生的扫码数据,并将该扫码数据作为数据请求发送至AJAX模块;
发送数据请求模块,设于AJAX模块,用于将接收到的数据请求发送至服务器端;
数据查找模块,设于服务器端,用于响应数据请求并根据扫码数据从数据库中查找对应的数据,将查找结果返回至AJAX模块中;
返回结果模块,设于AJAX模块,用于将接收到的查找结果动态地发送至前端页面模块进行显示。
进一步地,在生成数据请求模块中,前端模块接收扫码数据后还包括对扫码数据的完整性进行判断的步骤:若扫码数据不完整,则返回错误信息并结束流程;若扫码数据完整,则将该扫码数据作为数据请求发送至AJAX模块。
进一步地,在数据查找模块中,还包括:若查找不到对应的数据,则查找结果为无,若查找到对应的数据,则查找结果为数据库中对应于该扫码数据的详细信息。
进一步地,扫码数据为条形码数据或者二维码数据。
进一步地,扫码装置为扫码枪或者预装有扫码程序并具有摄像头的智能设备。
相比现有技术,本发明的有益效果在于:实现快速录入扫码数据,在数据库中查找与该扫码数据相应的数据后即时在前端页面中显示,无需手动或者自动刷新整个页面,只需要将查找结果更新至页面中即可,节省了时间和资源,也使得数据获取更高效。
附图说明
图1为本发明的网页页面显示更新数据的方法的流程图。
具体实施方式
下面,结合附图以及具体实施方式,对本发明做进一步描述:
参考图1为本发明的网页页面显示更新数据的方法,包括以下步骤:
S1:前端页面模块接收由扫码装置扫描所产生的扫码数据,并将该扫码数据作为数据请求发送至AJAX模块。
本方法中所输入的数据为扫码得到的数据,可以是条形码数据,也可以是二维码数据,扫码数据由扫码装置扫描条形码或者二维码并解析所得,扫码装置可以为常用的扫码枪,也可以为预装有扫码程序并具有摄像头的智能设备,例如智能手机和平板电脑。扫码装置获取了扫码数据后,将该扫码数据发送至指定的前端页面模块,由该前端页面模块针对该扫码数据生成数据请求发送至AJAX模块,其中,数据请求指以该扫码数据作为条件匹配相应数据的请求,在前端页面模块中,是由JavaScript代码将数据请求发送至AJAX模块。AJAX模块指实现了AJAX技术的模块,AJAX即为异步JavaScript和XML,是一种用于创建快速动态网页的技术,通过在后台与服务器进行少量数据交换,AJAX可以使网页实现异步更新,这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。
进一步地,在该步骤中,前端模块接收扫码数据后还包括对扫码数据的完整性进行判断的步骤:若扫码数据不完整,则返回错误信息并结束流程;若扫码数据完整,则将该扫码数据作为数据请求发送至AJAX模块。因为扫码数据均有相对固定的格式组成,如果扫描所得的格式不符合预设的格式,则认为该扫码数据为不完整的或者为异常的。
S2:AJAX模块将接收到的数据请求发送至服务器端。
AJAX模块接收到数据请求后,则将该数据请求发送至服务器端,具体地,AJAX模块通过自身的XMLHTTPRequest对象向服务器端提交数据请求。
S3:服务器端响应数据请求并根据扫码数据从数据库中查找对应的数据,将查找结果返回至AJAX模块中。
服务器端接收到数据请求后根据其中的扫码数据从数据库中查找对应的数据,若查找不到对应的数据,则查找结果为无,若查找到对应的数据,则查找结果为数据库中对应于该扫码数据的详细信息,例如,根据一个条形码数据在数据库中查找与该条形码匹配的商品详细信息。得到查找结果后将其返回至AJAX模块中,AJAX模块中也是通过XMLHTTPRequest对象获取查找结果,其中,查找结果是以XML文件形式保存。
S4:AJAX模块将接收到的查找结果动态地发送至前端页面模块并进行显示。即查找结果可即时在前端页面模块所对应的前端页面中即时刷新显示,不需要重新加载页面内容,相当于在前端页面的指定区域内添加指定的数据。
通过上述的方法步骤,可以实现快速录入扫码数据,在数据库中查找与该扫码数据相应的数据后即时在前端页面中显示,无需手动或者自动刷新整个页面,只需要将查找结果更新至页面中即可,节省了时间和资源,也使得数据获取更高效。
基于上述的网页页面显示更新数据的方法,本发明还公开了对应的网页页面显示更新数据的系统,包括以下模块:
生成数据请求模块,设于前端页面模块,用于接收由扫码装置扫描所产生的扫码数据,并将该扫码数据作为数据请求发送至AJAX模块;
发送数据请求模块,设于AJAX模块,用于将接收到的数据请求发送至服务器端;
数据查找模块,设于服务器端,用于响应数据请求并根据扫码数据从数据库中查找对应的数据,将查找结果返回至AJAX模块中;
返回结果模块,设于AJAX模块,用于将接收到的查找结果动态地发送至前端页面模块进行显示。
进一步地,在生成数据请求模块中,前端模块接收扫码数据后还包括对扫码数据的完整性进行判断的步骤:若扫码数据不完整,则返回错误信息并结束流程;若扫码数据完整,则将该扫码数据作为数据请求发送至AJAX模块。
进一步地,在数据查找模块中,还包括:若查找不到对应的数据,则查找结果为无,若查找到对应的数据,则查找结果为数据库中对应于该扫码数据的详细信息。
进一步地,扫码数据为条形码数据或者二维码数据。
进一步地,扫码装置为扫码枪或者预装有扫码程序并具有摄像头的智能设备。
对本领域的技术人员来说,可根据以上描述的技术方案以及构思,做出其它各种相应的改变以及形变,而所有的这些改变以及形变都应该属于本发明权利要求的保护范围之内。
Claims (10)
1.网页页面显示更新数据的方法,其特征在于,包括以下步骤:
S1:前端页面模块接收由扫码装置扫描所产生的扫码数据,并将该扫码数据作为数据请求发送至AJAX模块;
S2:AJAX模块将接收到的数据请求发送至服务器端;
S3:服务器端响应数据请求并根据扫码数据从数据库中查找对应的数据,将查找结果返回至AJAX模块中;
S4:AJAX模块将接收到的查找结果动态地发送至前端页面模块并进行显示。
2.根据权利要求1所述的网页页面显示更新数据的方法,其特征在于,在S1中,前端模块接收扫码数据后还包括对扫码数据的完整性进行判断的步骤:若扫码数据不完整,则返回错误信息并结束流程;若扫码数据完整,则将该扫码数据作为数据请求发送至AJAX模块。
3.根据权利要求1所述的网页页面显示更新数据的方法,其特征在于,在S3中,还包括:若查找不到对应的数据,则查找结果为无,若查找到对应的数据,则查找结果为数据库中对应于该扫码数据的详细信息。
4.根据权利要求1所述的网页页面显示更新数据的方法,其特征在于,扫码数据为条形码数据或者二维码数据。
5.根据权利要求1所述的网页页面显示更新数据的方法,其特征在于,扫码装置为扫码枪或者预装有扫码程序并具有摄像头的智能设备。
6.网页页面显示更新数据的系统,其特征在于,包括以下模块:
生成数据请求模块,设于前端页面模块,用于接收由扫码装置扫描所产生的扫码数据,并将该扫码数据作为数据请求发送至AJAX模块;
发送数据请求模块,设于AJAX模块,用于将接收到的数据请求发送至服务器端;
数据查找模块,设于服务器端,用于响应数据请求并根据扫码数据从数据库中查找对应的数据,将查找结果返回至AJAX模块中;
返回结果模块,设于AJAX模块,用于将接收到的查找结果动态地发送至前端页面模块进行显示。
7.根据权利要求6所述的网页页面显示更新数据的系统,其特征在于,在生成数据请求模块中,前端模块接收扫码数据后还包括对扫码数据的完整性进行判断的步骤:若扫码数据不完整,则返回错误信息并结束流程;若扫码数据完整,则将该扫码数据作为数据请求发送至AJAX模块。
8.根据权利要求6所述的网页页面显示更新数据的系统,其特征在于,在数据查找模块中,还包括:若查找不到对应的数据,则查找结果为无,若查找到对应的数据,则查找结果为数据库中对应于该扫码数据的详细信息。
9.根据权利要求6所述的网页页面显示更新数据的系统,其特征在于,扫码数据为条形码数据或者二维码数据。
10.根据权利要求6所述的网页页面显示更新数据的系统,其特征在于,扫码装置为扫码枪或者预装有扫码程序并具有摄像头的智能设备。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201510086777.9A CN104657479A (zh) | 2015-02-17 | 2015-02-17 | 网页页面显示更新数据的方法及系统 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201510086777.9A CN104657479A (zh) | 2015-02-17 | 2015-02-17 | 网页页面显示更新数据的方法及系统 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN104657479A true CN104657479A (zh) | 2015-05-27 |
Family
ID=53248606
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201510086777.9A Pending CN104657479A (zh) | 2015-02-17 | 2015-02-17 | 网页页面显示更新数据的方法及系统 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN104657479A (zh) |
Cited By (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106156308A (zh) * | 2016-06-30 | 2016-11-23 | 北京奇虎科技有限公司 | 用于网页的局部更新方法及系统 |
CN107798078A (zh) * | 2017-10-11 | 2018-03-13 | 金蝶软件(中国)有限公司 | 看板数据展示方法、装置、计算机设备和存储介质 |
CN109656728A (zh) * | 2018-12-17 | 2019-04-19 | 深圳乐信软件技术有限公司 | 页面数据操作方法、装置、设备及介质 |
WO2021135598A1 (zh) * | 2020-05-29 | 2021-07-08 | 平安科技(深圳)有限公司 | 基于索引和值引更新前端页面的方法、装置、计算机设备 |
CN114650236A (zh) * | 2020-12-17 | 2022-06-21 | 中移(苏州)软件技术有限公司 | 一种日志处理方法、装置及存储介质 |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101079041A (zh) * | 2006-12-29 | 2007-11-28 | 腾讯科技(深圳)有限公司 | 一种更新动态网页的方法及系统 |
CN101667207A (zh) * | 2009-09-18 | 2010-03-10 | 南京联创科技集团股份有限公司 | 基于web2.0中ajax的员工身份快速识别选择方法 |
CN103631880A (zh) * | 2013-11-13 | 2014-03-12 | 王锦忠 | 基于Ajax网页的局部更新方法 |
-
2015
- 2015-02-17 CN CN201510086777.9A patent/CN104657479A/zh active Pending
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101079041A (zh) * | 2006-12-29 | 2007-11-28 | 腾讯科技(深圳)有限公司 | 一种更新动态网页的方法及系统 |
CN101667207A (zh) * | 2009-09-18 | 2010-03-10 | 南京联创科技集团股份有限公司 | 基于web2.0中ajax的员工身份快速识别选择方法 |
CN103631880A (zh) * | 2013-11-13 | 2014-03-12 | 王锦忠 | 基于Ajax网页的局部更新方法 |
Non-Patent Citations (2)
Title |
---|
传智播客高教产品研发部: "《PHP程序设计高级教程》", 31 January 2015 * |
章小平等: "《智慧景区管理与九寨沟案例研究》", 31 January 2013 * |
Cited By (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106156308A (zh) * | 2016-06-30 | 2016-11-23 | 北京奇虎科技有限公司 | 用于网页的局部更新方法及系统 |
CN106156308B (zh) * | 2016-06-30 | 2020-05-12 | 北京奇虎科技有限公司 | 用于网页的局部更新方法及系统 |
CN107798078A (zh) * | 2017-10-11 | 2018-03-13 | 金蝶软件(中国)有限公司 | 看板数据展示方法、装置、计算机设备和存储介质 |
CN107798078B (zh) * | 2017-10-11 | 2020-08-04 | 金蝶软件(中国)有限公司 | 看板数据展示方法、装置、计算机设备和存储介质 |
CN109656728A (zh) * | 2018-12-17 | 2019-04-19 | 深圳乐信软件技术有限公司 | 页面数据操作方法、装置、设备及介质 |
WO2021135598A1 (zh) * | 2020-05-29 | 2021-07-08 | 平安科技(深圳)有限公司 | 基于索引和值引更新前端页面的方法、装置、计算机设备 |
CN114650236A (zh) * | 2020-12-17 | 2022-06-21 | 中移(苏州)软件技术有限公司 | 一种日志处理方法、装置及存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
KR102122373B1 (ko) | 사용자 포트레이트를 획득하는 방법 및 장치 | |
US8107736B2 (en) | System and method for device mapping based on images and reference points | |
CN107016387B (zh) | 一种识别标签的方法及装置 | |
CN104657479A (zh) | 网页页面显示更新数据的方法及系统 | |
CN106940721B (zh) | 一种自定义选择框的数据处理方法及系统 | |
CN103824104A (zh) | 一种二维码制作系统及使用方法 | |
CN108304562B (zh) | 一种搜题方法、搜题装置及智能终端 | |
CN107679208A (zh) | 一种图片的搜索方法、终端设备及存储介质 | |
CN103559194B (zh) | 一种搜索方法、服务器、系统 | |
CN103345493A (zh) | 用于移动终端上的文本内容显示的方法、装置及系统 | |
CN104778732A (zh) | 图像的二维码生成方法及装置 | |
CN104267974B (zh) | 业务接口的调用方法及装置 | |
CN109726295A (zh) | 品牌知识图谱显示方法、装置、图服务器及存储介质 | |
CN106021528A (zh) | 数据处理方法和装置 | |
CN102103627B (zh) | 在移动终端上识别二维码的方法和装置 | |
US20240193622A1 (en) | Interactive user interface (iui) and associated systems and methods for display of sustainability information corresponding to an item | |
CN114296660A (zh) | 一种基于Vue框架的标签打印方法 | |
CN102479072B (zh) | 一种多表头报表的生成方法、装置及终端 | |
CN111291547B (zh) | 模板生成方法、装置、设备及介质 | |
CN116127047B (zh) | 企业信息库的建立方法与装置 | |
KR20190046549A (ko) | 어플리케이션 디자인 프로그램이 아닌 인터넷 웹페이지에서의 쇼핑몰 상품 상세 설명 자동 구축 방법 및 이를 실행하는 서버 | |
CN111444368A (zh) | 构建用户画像的方法、装置、计算机设备及存储介质 | |
CN113051333B (zh) | 一种数据处理方法、装置、电子设备及存储介质 | |
CN105338104A (zh) | 业务请求响应方法、解析方法和系统 | |
CN112199922B (zh) | 编码方法、装置、设备及计算机可读存储介质 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
RJ01 | Rejection of invention patent application after publication | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20150527 |