CN113901374A - Webpage refreshing method and device, electronic equipment and storage medium - Google Patents
Webpage refreshing method and device, electronic equipment and storage medium Download PDFInfo
- Publication number
- CN113901374A CN113901374A CN202111219080.6A CN202111219080A CN113901374A CN 113901374 A CN113901374 A CN 113901374A CN 202111219080 A CN202111219080 A CN 202111219080A CN 113901374 A CN113901374 A CN 113901374A
- Authority
- CN
- China
- Prior art keywords
- data
- processed
- webpage
- refreshing
- server
- 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
- 238000000034 method Methods 0.000 title claims abstract description 54
- 238000004891 communication Methods 0.000 claims abstract description 33
- 238000012545 processing Methods 0.000 claims description 14
- 230000035772 mutation Effects 0.000 claims description 13
- 238000013461 design Methods 0.000 description 10
- 230000005540 biological transmission Effects 0.000 description 6
- 230000009471 action Effects 0.000 description 4
- 238000010586 diagram Methods 0.000 description 4
- 238000004590 computer program Methods 0.000 description 3
- 230000008878 coupling Effects 0.000 description 3
- 238000010168 coupling process Methods 0.000 description 3
- 238000005859 coupling reaction Methods 0.000 description 3
- 238000005516 engineering process Methods 0.000 description 3
- 230000003287 optical effect Effects 0.000 description 3
- 230000006870 function Effects 0.000 description 2
- 230000007246 mechanism Effects 0.000 description 2
- 238000012544 monitoring process Methods 0.000 description 2
- 230000008569 process Effects 0.000 description 2
- 230000000750 progressive effect Effects 0.000 description 2
- 230000006978 adaptation Effects 0.000 description 1
- 230000008901 benefit Effects 0.000 description 1
- 230000002457 bidirectional effect Effects 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 230000001419 dependent effect Effects 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 238000001914 filtration Methods 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000002093 peripheral effect Effects 0.000 description 1
- 230000004044 response Effects 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
- 238000012546 transfer Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
Abstract
The invention provides a webpage refreshing method, a webpage refreshing device, electronic equipment and a storage medium, wherein the method comprises the following steps: acquiring a connection establishment request, and establishing full-duplex communication connection with a server according to the connection establishment request; receiving data to be responded sent by a server; and updating the data to be processed of the webpage according to the data to be responded, and refreshing the webpage according to the data to be processed. According to the method and the device, the full-duplex communication connection between the terminal and the server is established, and the data to be processed of the webpage is updated according to the data to be responded sent by the server, so that the browser client side can refresh the webpage according to the data to be processed, and the resource overhead of webpage refreshing is reduced.
Description
Technical Field
The present invention relates to the field of data communication technologies, and in particular, to a method and an apparatus for refreshing a web page, an electronic device, and a storage medium.
Background
With the continuous improvement of internet technology, users can search and browse required contents on browser pages to acquire more and more comprehensive information. In the process of searching information by a user, the browser page refreshes the page according to the content searched by the user, and refreshes and updates information on the page in time.
In the prior art, when a browser refreshes a page, a client of the browser page sends an http request to a server at regular time, and the server returns data to be refreshed to the client according to the http request, so that the client of the browser page refreshes the page according to the data to be refreshed.
However, in the prior art, the client of the browser page needs to send an http request to the server continuously, so that the resource overhead of data transmission is large, and broadband resources are wasted.
Disclosure of Invention
The invention provides a webpage refreshing method, a webpage refreshing device, electronic equipment and a storage medium, and reduces the resource overhead of webpage refreshing by providing a method for refreshing a webpage on line according to data returned by a server.
In a first aspect, the present invention provides a method for refreshing a web page, including:
acquiring a connection establishment request, and establishing full-duplex communication connection with a server according to the connection establishment request; receiving data to be responded sent by a server; and updating the data to be processed of the webpage according to the data to be responded, and refreshing the webpage according to the data to be processed.
In one possible design, the refreshing the web page according to the data to be processed includes: acquiring a data identifier of the data to be processed; and if the data identification is consistent with the preset data identification, enabling the client of the browser to refresh the webpage according to the data to be processed.
In a possible design, before the updating the data to be refreshed of the web page according to the data to be processed, the method further includes: the method comprises the steps of configuring a VUE component according to a preset initialization file, wherein the preset initialization file comprises a state object, a mutation object and an execution object, the state object is used for storing data to be updated, the mutation object is used for configuring data processing logic executed by the execution object, and the data processing logic is used for updating data in the state object according to the data to be processed.
In one possible design, after the establishing of the full-duplex communication connection with the server according to the connection establishment request, the method includes: acquiring a state code, and judging whether the connection is normal or not according to the state code; and if the connection is judged to fail, sending a heartbeat data packet to the server according to a preset time interval, wherein the heartbeat data packet comprises a connection establishment request.
In one possible design, the full duplex communication is WebSocket communication.
In a second aspect, the present invention provides a web page refreshing apparatus, including: the acquisition module is used for acquiring a connection establishment request and establishing full-duplex communication connection with the server according to the connection establishment request; the receiving module is used for receiving the data to be responded sent by the server; and the refreshing module is used for updating the data to be processed of the webpage according to the data to be responded and refreshing the webpage according to the data to be processed.
In a possible design, the refresh module is specifically configured to obtain a data identifier of the data to be processed; and if the data identification is consistent with a preset data identification, refreshing a webpage according to the data to be processed, wherein the data identification is used for setting the data type of the data to be processed.
In one possible design, the apparatus further includes a configuration module, where the configuration module is configured to configure the VUE component according to a preset initialization file, where the preset initialization file includes a state object, a mutation object, and an execution object, the state object is used to store data to be updated, the mutation object is used to configure a data processing logic executed by the execution object, and the data processing logic is to update data in the state object according to the data to be processed.
In a third aspect, the present invention provides an electronic device comprising: a processor, and a memory communicatively coupled to the processor; the memory stores computer-executable instructions; the processor executes computer-executable instructions stored by the memory to implement the web page refresh method as described above in the first aspect and various possible designs of the first aspect.
In a fourth aspect, the present invention provides a computer storage medium, in which computer executable instructions are stored, and when a processor executes the computer executable instructions, the method for refreshing a web page according to the first aspect and various possible designs of the first aspect is implemented.
According to the webpage refreshing method, the webpage refreshing device, the electronic equipment and the storage medium, the full-duplex communication connection between the terminal and the server is established, and the data to be processed of the webpage are updated according to the data to be responded sent by the server, so that the browser client side can refresh the webpage according to the data to be processed, and the resource overhead of webpage refreshing is reduced.
Drawings
In order to more clearly illustrate the embodiments of the present invention or the technical solutions in the prior art, the drawings needed to be used in the description of the embodiments or the prior art will be briefly introduced below, and it is obvious that the drawings in the following description are some embodiments of the present invention, and for those skilled in the art, other drawings can be obtained according to these drawings without creative efforts.
Fig. 1 is a schematic view of an application scenario of a web page refreshing method according to an embodiment of the present invention;
FIG. 2 is a first schematic flowchart of a web page refreshing method according to an embodiment of the present invention;
FIG. 3 is a schematic flow chart of a web page refreshing method according to an embodiment of the present invention;
fig. 4 is a schematic structural diagram of a web page refreshing apparatus according to an embodiment of the present invention;
fig. 5 is a schematic diagram of a hardware structure of an electronic device according to an embodiment of the present invention.
With the above figures, certain embodiments of the invention have been illustrated and described in more detail below. The drawings and the description are not intended to limit the scope of the inventive concept in any way, but rather to illustrate it by those skilled in the art with reference to specific embodiments.
Detailed Description
In order to make the objects, technical solutions and advantages of the embodiments of the present invention clearer, the technical solutions in the embodiments of the present invention will be clearly and completely described below with reference to the drawings in the embodiments of the present invention, and it is obvious that the described embodiments are some, but not all, embodiments of the present invention. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present invention.
In the existing web page refreshing mechanism, a polling method is used, that is, a client of a browser automatically sends a request for acquiring data at a specific time interval, receives a returned message of a server, and enables the client of a browser page to perform page refreshing according to the returned message of the server. However, in the prior art, the client of the browser page needs to send an http request to the server continuously, so that the resource overhead of data transmission is large, and broadband resources are wasted. In order to solve the above technical problem, the embodiment of the present invention proposes the following technical solutions: by establishing full-duplex communication connection between the terminal and the server and updating the data to be processed of the webpage according to the data to be responded sent by the server, the browser client side refreshes the webpage according to the data to be processed, and resource overhead of webpage refreshing is reduced. The following describes the technical solutions of the present application and how to solve the above technical problems with specific embodiments. The following several specific embodiments may be combined with each other, and details of the same or similar concepts or processes may not be repeated in some embodiments. Embodiments of the present application will be described below with reference to the accompanying drawings.
Fig. 1 is a schematic view of an application scenario of a web page refreshing method according to an embodiment of the present invention. As shown in fig. 1, the terminal implements full duplex communication with the server by creating a full duplex communication client, receives data to be responded sent by the server in an online data transmission manner, updates the data to be processed of the web page according to the data to be responded, and enables the browser client on the terminal to perform web page refreshing according to the data to be processed.
Fig. 2 is a schematic flow chart of a webpage refreshing method according to an embodiment of the present invention, where an execution subject of the embodiment may be the terminal in the embodiment shown in fig. 1, and the embodiment is not limited herein. As shown in fig. 2, the method includes:
s201: and acquiring a connection establishment request, and establishing full-duplex communication connection with the server according to the connection establishment request.
In the embodiment of the invention, the full-duplex communication mode is established between the terminal and the server, so that the terminal and the server can simultaneously send and receive information. Illustratively, the full duplex communication is set to be WebSocket communication. Before initializing the WebSocket, whether the current browser client supports the WebSocket needs to be evaluated. If the browser client side supports the Websocket, a Websocket instance is newly established to establish the Websocket client side, a Websocket connection establishing request is generated while the Websocket client side is established, the Websocket connection establishing request is sent to a Websocket server side of the server through a transmission control protocol, and therefore a Websocket full-duplex communication mode is established between the terminal and the server. The establishment phase of the WebSocket communication is dependent on the http protocol. The first handshake stage of establishing connection is by using an http protocol, after the connection is successfully established, namely after the first handshake is completed, the first handshake is switched to a WebSocket protocol and completely separated from the http protocol, WebSocket completes a handshake action between a browser and a server, after the connection is established, a WebSocket server can actively transmit data to a WebSocket client, the WebSocket client can also send data to the WebSocket server at any time, the WebSocket server and the WebSocket client can freely send data at any time, and the method is very suitable for a service scene that the WebSocket server actively pushes real-time data. The WebSocket communication data is transmitted based on the data frame, text data can be transmitted, binary data can be directly transmitted, the data transmission efficiency is high, and the WebSocket communication data is suitable for transmitting webpage refreshing data.
S202: and receiving data to be responded sent by the server.
S203: and updating the data to be processed of the webpage according to the data to be responded, and refreshing the webpage according to the data to be processed.
In the embodiment of the present invention, specifically, after S202 receives data sent by the WebSocket server of the server, the data to be processed of the web page is obtained by obtaining a message received in an onmessage of the WebSocket, and a dispatch method in vuex is invoked to update the data to be processed of the web page according to the data to be responded.
In the embodiment of the invention, the design of the webpage interface is realized through the VUE. In particular, the VUE is a set of progressive frameworks for building user interfaces. Unlike other large frameworks, VUEs are designed to be applied layer by layer from the bottom up. The core library of the VUE only focuses on the viewing layer, so that the method is easy to operate, is convenient to integrate with a third-party library or an existing project, and is simple and small, and a progressive technology stack is enough to cope with application of any scale.
In the embodiment of the invention, in order to realize the webpage design of the VUE, before the data to be processed of the webpage is updated according to the data to be responded, the VUE component can be configured according to the preset initialization file. The preset initialization file comprises a state object, a mutation object and an execution object, wherein the state object is used for storing data to be updated, the mutation object is used for configuring data processing logic executed by the execution object, and the data processing logic is used for updating data in the state object according to the data to be processed. Specifically, a new file, namely, a vue.js file, is created by presetting an initialization file, and the aim of vue.js is to realize data binding of response and combined view components through an API which is as simple as possible. The preset initialization file comprises a state object state, mutation objects and execution objects actions. Calling the method defined in the actions object of the dispatch method triggering step in vuex, and then calling the method defined in the action to transfer the data to be responded to the state object state, thereby completing the updating operation of the data to be processed of the webpage according to the data to be responded.
In the embodiment of the present invention, after updating the data to be processed of the web page according to the data to be responded, store of vuex is monitored by using a watch method of vue, the watch is a monitored attribute of vue itself, and when you need to monitor a data change and make some changes on the page according to the changed data, you can put it in the attribute. Monitoring a corresponding object in the state through watch, filtering data in the state to obtain effective data, and finally refreshing a webpage interface by using a bidirectional binding principle of vue to perform operations of adding, deleting or modifying the webpage data.
In the embodiment of the invention, a data identifier of data to be processed is obtained; and if the data identifier is consistent with the preset data identifier, enabling the client of the browser to refresh the webpage according to the data to be processed. Specifically, a data identifier is set, which may be any character string or number, but needs to comply with the naming rule of javaScript character string or number, and each module that needs to use the function of viewing the web page data in real time has a corresponding data identifier. And when the data identifier of the data to be processed is consistent with the preset data identifier, determining that the function of the current data to be processed is used for refreshing the webpage, and enabling the client of the browser to refresh the webpage according to the data to be processed.
According to the webpage refreshing method provided by the embodiment, the full-duplex communication connection between the terminal and the server is established, and the data to be processed of the webpage is updated according to the data to be responded sent by the server, so that the browser client side can refresh the webpage according to the data to be processed, and the resource overhead of webpage refreshing is reduced.
Fig. 3 is a schematic flow chart of a web page refreshing method according to an embodiment of the present invention. In the embodiment of the present invention, based on the embodiment provided in fig. 2, a detailed description is given on a specific implementation method after S201 establishes a full-duplex communication connection with a server according to a connection establishment request. As shown in fig. 3, the method includes:
s301: and acquiring the state code, and judging whether the connection is normal or not according to the state code.
In the embodiment of the present invention, the status code is, for example, a readyState flag bit in the WebSocket communication protocol, where the readyState stores a returned current status, and specifically, four returned common statuses are connecting, open, closing, and closed. When readyState returns to a connecting state, if the connecting value is 0, normal connection is represented; when the readyState returns to the open state, if the open value is 1, the communication can be started; when the readyState returns to the closing state, if the closing value is 2, the connection is closed; when the readyState returns to the closed state, if the closed value is 3, the connection is closed, or the connection is failed to be opened.
S302: and if the connection is judged to fail, sending a heartbeat data packet to the server according to a preset time interval, wherein the heartbeat data packet comprises a connection establishment request.
In the embodiment of the invention, a special heartbeat monitoring mechanism interface is arranged at the interfaces of the server and the terminal, namely, the server and the terminal can also utilize heartbeat data packets to carry out data transmission. When the connection failure is judged according to the state code, the Websocket connection establishment request needs to be sent to the Websocket server of the server again. In the embodiment of the invention, the heartbeat data packet is generated according to the data format of the heartbeat packet by setting the timing program for the connection establishment request, and the heartbeat data packet is sent to the WebSocket server according to the preset time interval set by the timing program, so that the frequent sending of the reconnection request to the WebSocket server is avoided.
According to the webpage refreshing method provided by the embodiment, when the communication connection failure is identified according to the state code, the heartbeat data packet containing the reconnection request can be sent to the server according to the preset time interval to establish reconnection, the reconnection request is prevented from being frequently sent to the WebSocket server side, and the resource overhead is reduced.
Fig. 4 is a schematic structural diagram of a web page refreshing apparatus according to an embodiment of the present invention. As shown in fig. 4, the web page refreshing apparatus includes: an acquisition module 401, a reception module 402, and a refresh module 403.
An obtaining module 401, configured to obtain a connection establishment request, and establish a full-duplex communication connection with a server according to the connection establishment request;
a receiving module 402, configured to receive data to be responded, where the data is sent by a server;
the refreshing module 403 is configured to update data to be processed of a web page according to the data to be responded, and perform web page refreshing according to the data to be processed.
In a possible implementation manner, the refresh module is specifically configured to obtain a data identifier of the to-be-processed data; and if the data identification is consistent with the preset data identification, enabling the client of the browser to refresh the webpage according to the data to be processed.
In a possible implementation manner, the apparatus further includes a configuration module, where the configuration module is configured to configure the VUE component according to a preset initialization file, where the preset initialization file includes a state object, a mutation object, and an execution object, the state object is used to store data to be updated, the mutation object is used to configure a data processing logic executed by the execution object, and the data processing logic is to update data in the state object according to the data to be processed.
In a possible implementation manner, the apparatus further includes a sending module, where the sending module is configured to determine whether the connection is normal according to the obtained status code and according to the status code; and if the connection is judged to fail, sending a heartbeat data packet to the server according to a preset time interval, wherein the heartbeat data packet comprises a connection establishment request.
The apparatus provided in this embodiment may be used to implement the technical solutions of the above method embodiments, and the implementation principles and technical effects are similar, which are not described herein again.
Fig. 5 is a schematic diagram of a hardware structure of an electronic device according to an embodiment of the present invention. As shown in fig. 5, the electronic apparatus of the present embodiment includes: a processor 501 and a memory 502; wherein
A memory 502 for storing computer-executable instructions;
the processor 501 is configured to execute computer-executable instructions stored in the memory to implement the steps performed by the electronic device in the above embodiments. Reference may be made in particular to the description relating to the method embodiments described above.
Alternatively, the memory 502 may be separate or integrated with the processor 501.
When the memory 502 is provided separately, the electronic device further comprises a bus 503 for connecting said memory 502 and the processor 501.
The embodiment of the invention also provides a computer storage medium, wherein a computer execution instruction is stored in the computer storage medium, and when a processor executes the computer execution instruction, the webpage refreshing method is realized.
An embodiment of the present invention further provides a computer program product, which includes a computer program, and when the computer program is executed by a processor, the method for refreshing a web page as described above is implemented.
In the embodiments provided in the present invention, it should be understood that the disclosed apparatus and method may be implemented in other ways. For example, the above-described device embodiments are merely illustrative, and for example, the division of the modules is only one logical division, and other divisions may be realized in practice, for example, a plurality of modules may be combined or integrated into another system, or some features may be omitted, or not executed. In addition, the shown or discussed mutual coupling or direct coupling or communication connection may be an indirect coupling or communication connection through some interfaces, devices or modules, and may be in an electrical, mechanical or other form.
The modules described as separate parts may or may not be physically separate, and parts displayed as modules may or may not be physical units, may be located in one place, or may be distributed on a plurality of network units. Some or all of the modules may be selected according to actual needs to implement the solution of the present embodiment.
In addition, functional modules in the embodiments of the present invention may be integrated into one processing unit, or each module may exist alone physically, or two or more modules are integrated into one unit. The unit formed by the modules can be realized in a hardware form, and can also be realized in a form of hardware and a software functional unit.
The integrated module implemented in the form of a software functional module may be stored in a computer-readable storage medium. The software functional module is stored in a storage medium and includes several instructions for causing a computer device (which may be a personal computer, a server, or a network device) or a processor to execute some steps of the methods described in the embodiments of the present application.
It should be understood that the Processor may be a Central Processing Unit (CPU), other general purpose Processor, a Digital Signal Processor (DSP), an Application Specific Integrated Circuit (ASIC), etc. A general purpose processor may be a microprocessor or the processor may be any conventional processor or the like. The steps of a method disclosed in connection with the present invention may be embodied directly in a hardware processor, or in a combination of the hardware and software modules within the processor.
The memory may comprise a high-speed RAM memory, and may further comprise a non-volatile storage NVM, such as at least one disk memory, and may also be a usb disk, a removable hard disk, a read-only memory, a magnetic or optical disk, etc.
The bus may be an Industry Standard Architecture (ISA) bus, a Peripheral Component Interconnect (PCI) bus, an Extended ISA (Extended Industry Standard Architecture) bus, or the like. The bus may be divided into an address bus, a data bus, a control bus, etc. For ease of illustration, the buses in the figures of the present application are not limited to only one bus or one type of bus.
The storage medium may be implemented by any type or combination of volatile or non-volatile memory devices, such as Static Random Access Memory (SRAM), electrically erasable programmable read-only memory (EEPROM), erasable programmable read-only memory (EPROM), programmable read-only memory (PROM), read-only memory (ROM), magnetic memory, flash memory, magnetic or optical disks. A storage media may be any available media that can be accessed by a general purpose or special purpose computer.
An exemplary storage medium is coupled to the processor such the processor can read information from, and write information to, the storage medium. Of course, the storage medium may also be integral to the processor. The processor and the storage medium may reside in an Application Specific Integrated Circuits (ASIC). Of course, the processor and the storage medium may reside as discrete components in an electronic device or host device.
Those of ordinary skill in the art will understand that: all or a portion of the steps of implementing the above-described method embodiments may be performed by hardware associated with program instructions. The program may be stored in a computer-readable storage medium. When executed, the program performs steps comprising the method embodiments described above; and the aforementioned storage medium includes: various media that can store program codes, such as ROM, RAM, magnetic or optical disks.
Other embodiments of the present application will be apparent to those skilled in the art from consideration of the specification and practice of the invention disclosed herein. This application is intended to cover any variations, uses, or adaptations of the invention following, in general, the principles of the application and including such departures from the present disclosure as come within known or customary practice within the art to which the invention pertains. It is intended that the specification and examples be considered as exemplary only, with a true scope and spirit of the application being indicated by the following claims.
It will be understood that the present application is not limited to the precise arrangements described above and shown in the drawings and that various modifications and changes may be made without departing from the scope thereof. The scope of the application is limited only by the appended claims.
Claims (10)
1. A webpage refreshing method is characterized by comprising the following steps:
acquiring a connection establishment request, and establishing full-duplex communication connection with a server according to the connection establishment request;
receiving data to be responded sent by a server;
and updating the data to be processed of the webpage according to the data to be responded, and refreshing the webpage according to the data to be processed.
2. The method according to claim 1, wherein the refreshing the web page according to the data to be processed comprises:
acquiring a data identifier of the data to be processed;
and if the data identification is consistent with the preset data identification, enabling the client of the browser to refresh the webpage according to the data to be processed.
3. The method according to claim 1, before the updating the data to be refreshed of the web page according to the data to be processed, further comprising:
the method comprises the steps of configuring a VUE component according to a preset initialization file, wherein the preset initialization file comprises a state object, a mutation object and an execution object, the state object is used for storing data to be updated, the mutation object is used for configuring data processing logic executed by the execution object, and the data processing logic is used for updating data in the state object according to the data to be processed.
4. The method of claim 1, wherein after the establishing a full duplex communication connection with a server according to the connection establishment request, the method further comprises:
acquiring a state code, and judging whether the connection is normal or not according to the state code;
and if the connection is judged to fail, sending a heartbeat data packet to the server according to a preset time interval, wherein the heartbeat data packet comprises a connection establishment request.
5. The method of any one of claims 1 to 4, wherein the full duplex communication is WebSocket communication.
6. A web page refreshing apparatus, comprising:
the acquisition module is used for acquiring a connection establishment request and establishing full-duplex communication connection with the server according to the connection establishment request;
the receiving module is used for receiving the data to be responded sent by the server;
and the refreshing module is used for updating the data to be processed of the webpage according to the data to be responded and refreshing the webpage according to the data to be processed.
7. The apparatus according to claim 6, wherein the refresh module is specifically configured to obtain a data identifier of the data to be processed; and if the data identification is consistent with the preset data identification, enabling the client of the browser to refresh the webpage according to the data to be processed.
8. The apparatus of claim 6, further comprising a configuration module, wherein the configuration module is configured to configure the VUE component according to a preset initialization file, the preset initialization file includes a state object, a mutation object, and an execution object, the state object is configured to store data to be updated, the mutation object is configured to configure data processing logic executed by the execution object, and the data processing logic is configured to update data in the state object according to the data to be processed.
9. An electronic device, comprising: a processor, and a memory communicatively coupled to the processor;
the memory stores computer-executable instructions;
the processor executes computer-executable instructions stored by the memory to implement the web page refresh method of any of claims 1 to 5.
10. A computer storage medium having computer executable instructions stored thereon which, when executed by a processor, implement a web page refresh method as claimed in any one of claims 1 to 5.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202111219080.6A CN113901374A (en) | 2021-10-20 | 2021-10-20 | Webpage refreshing method and device, electronic equipment and storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202111219080.6A CN113901374A (en) | 2021-10-20 | 2021-10-20 | Webpage refreshing method and device, electronic equipment and storage medium |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN113901374A true CN113901374A (en) | 2022-01-07 |
Family
ID=79192876
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202111219080.6A Pending CN113901374A (en) | 2021-10-20 | 2021-10-20 | Webpage refreshing method and device, electronic equipment and storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN113901374A (en) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN116302212A (en) * | 2023-05-25 | 2023-06-23 | 广州市千钧网络科技有限公司 | Method, device, equipment and storage medium for refreshing application embedded HTML page |
-
2021
- 2021-10-20 CN CN202111219080.6A patent/CN113901374A/en active Pending
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN116302212A (en) * | 2023-05-25 | 2023-06-23 | 广州市千钧网络科技有限公司 | Method, device, equipment and storage medium for refreshing application embedded HTML page |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US10198410B2 (en) | Method, device and mobile terminal for restoring page | |
| CN108712457B (en) | Method and device for adjusting dynamic load of back-end server based on Nginx reverse proxy | |
| WO2015074459A1 (en) | Method and apparatus for opening webpage, invoking client, and creating light app | |
| CN108280020B (en) | Monitoring method and device of computer equipment, terminal and computer storage medium | |
| TWI716822B (en) | Method and device for correcting transaction causality, and electronic equipment | |
| CN115004673A (en) | Message pushing method and device, electronic equipment and computer readable medium | |
| CN103561063A (en) | Method and terminal for logging onto set top box | |
| CN113901374A (en) | Webpage refreshing method and device, electronic equipment and storage medium | |
| CN112243033B (en) | Method, device and equipment for acquiring memory information and computer readable storage medium | |
| CN113536168A (en) | Component processing method and device | |
| CN110677443A (en) | Data transmitting and receiving method, transmitting end, receiving end, system and storage medium | |
| CN112838980A (en) | Message processing method, system, device, electronic equipment and storage medium | |
| CN110198349B (en) | File transmission method and device, storage medium and electronic device | |
| CN108959393B (en) | Dynamic picture processing method, device and storage medium | |
| CN111125257A (en) | Dictionary updating method, device, equipment and storage medium | |
| CN111092774A (en) | Configuration method and equipment of acquisition gateway | |
| CN107368376B (en) | Message sending method and device, expansion method and terminal | |
| CN116132421A (en) | Remote desktop connection method, system, device, computer equipment and storage medium | |
| US20190121649A1 (en) | User interface metadata from an application program interface | |
| CN104253846A (en) | Intelligent terminal, data sharing system and data sharing method | |
| CN105577904B (en) | A kind of file sharing method and mobile terminal | |
| CN114666346A (en) | Distributed cluster time synchronization method and device and computer readable storage medium | |
| CN109561352B (en) | Media object playing method and device, storage medium and electronic device | |
| WO2016069951A1 (en) | Method and system of content caching and transmission | |
| CN114064165A (en) | Application page processing method and device |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination |