CN101442515B - Remote control method based on browser - Google Patents

Abstract

The present invention is applicable to the field of remote device control, and provides a remote control method based on a browser. The method includes the following steps: the server receives an operation command sent from the browser of the client, and the operation command is generated in JavaScript. An Ajax object; the server sends the command to the remote device after receiving the operation command; the server organizes the command execution result returned by the remote device into an execution result object, and returns the object to the client in JSON format. The client page parses and returns the result and displays it. The implementation of the present invention combines the latest technologies in the field of web development such as Ajax and JSON, and provides a new development method for developing a real-time control system or a data monitoring system on the web. The method is simple and effective, can greatly simplify program flow, reduce server load, reduce network traffic load, and greatly improve customer operation experience and interface display effect.

Description

A Remote Control Method Based on Browser

technical field

The invention relates to the field of remote device control, in particular to a browser-based remote control method.

Background technique

In the past, when developing remote equipment operation or real-time data acquisition systems, most of them used C/S (client/server) structure to develop software. C/S is a mode of programming: client plus server. The client directly establishes a network connection with the server, sends commands to the server, receives and displays the returned results. Now software development is gradually evolving to a B/S (browser/server) structure. The software system of B/S structure reduces the trouble of installing software on the client side.

However, in software with B/S structure, especially asynchronous and long-term operations, it is difficult to synchronize the execution status of the server and the display interface of the client. The software system of the B/S structure is based on stateless and non-connection, and the execution status of the server-side commands cannot be pushed to the client-side for display. In addition, the data acquired continuously by the server cannot be continuously pushed to the client. At this time, the only way to re-request data from the server is by refreshing the page, and regenerate the display page. One problem with this is that the page refresh flickers more frequently, and it is more difficult to maintain the current state of the page.

Contents of the invention

The purpose of the embodiments of the present invention is to provide a browser-based remote control method, aiming at using synchronous or asynchronous request technology to submit a data request to the server in the background, complete the operation command, or obtain the data returned continuously by the server.

The implementation of the present invention is achieved in this way, a browser-based remote control method, the method includes the following steps: the server receives an operation command sent from the browser of the client, and the operation command generates an Ajax object in JavaScript; After receiving the operation command, the server sends the command to the remote device; and the server organizes the execution result returned by the remote device into an execution result object, and returns the object to the client in JSON format; the client Ajax object detects that the server After returning, parse the returned data in JSON format, restore the command execution result object and display it on the browser.

The implementation of the present invention also provides a browser-based asynchronous remote control method, which is characterized in that the method includes the following steps: After the server receives the command request, it generates a command object and puts it into the command queue to be executed; Whether there are command objects in the command queue to be executed, if there are, take them out one by one and execute them one by one. After the execution is completed, the execution result will generate a result object and put it into the data result object queue after execution; the server receives the Ajax query object from the client and retrieves the result object queue. If If there is a result object in the queue, the object will be taken out and sent to the client in JSON format.

The embodiment of the present invention combines the latest technologies in the field of web development such as Ajax and JSON to provide a new development method for developing a web-style real-time control system or data monitoring system. The method is simple and effective, can greatly simplify program flow, reduce server load, reduce network traffic load, and greatly improve customer operation experience and interface display effect.

Description of drawings

FIG. 1 shows a schematic diagram of a browser-based remote control method in an embodiment of the present invention when executing a synchronization command;

FIG. 2 shows a schematic diagram of an architecture of timing execution of an asynchronous command to refresh data in a browser-based remote control method according to an embodiment of the present invention;

FIG. 3 shows a schematic diagram of a browser-based remote control method according to an embodiment of the present invention when executing a batch of asynchronous commands.

Detailed ways

In order to make the object, technical solution and advantages of the present invention clearer, the present invention will be further described in detail below in conjunction with the accompanying drawings and embodiments. It should be understood that the specific embodiments described here are only used to explain the present invention, not to limit the present invention.

Before describing the embodiments of the present invention, the concepts involved in the embodiments of the present invention are introduced:

JavaScript: Javascript is a programming language that is embedded in the Html code of a web page and can be run on a browser client for developing dynamic web pages.

xmlHttpRequest: A client-side ActiceX object that can be created in JavaScript, using this object to initiate a request to the server to obtain data.

Ajax: It is the abbreviation of Asynchronous JavaScript and XML (asynchronous JavaScript and XML), which refers to a web development technology for creating interactive web applications, in which the xmlHttpRequest object is mainly used.

XML: It is the abbreviation of eXtensible Markup Language (Extensible Markup Language). XML is a simple data storage language that describes data using a series of simple tags. Simply put, it is a format for describing data structures.

JSON: JavaScript Object Notation (JavaScript native object) is a lightweight data exchange format. It is based on JavaScript Programming Language. JSON is in a text format that is completely language independent. JSON, similar to XML, is also a format for describing data structures, but it is simpler and more convenient than XML when used in JavaScript.

FIG. 1 shows a schematic diagram of the architecture of the browser-based remote control method of the embodiment of the present invention when executing a synchronization command, which is now described in detail as follows:

The operator raises an operation command on the browser webpage, an Ajax object is generated in JavaScript, and a synchronous request is sent to the server, which may include command parameters. After the request is sent, a command execution waiting prompt is displayed on the current web page.

After receiving the command request, the server extracts the command parameters from the request data, and then sends the command to the remote device through the communication channel.

The remote device executes the command and returns the execution result to the server.

The server organizes the execution result into an execution result object, which includes the command execution result, execution time, error message of execution failure, etc., and then returns the object to the client in JSON format.

The client-side Ajax object detects that the server returns after execution, first closes the dialog box showing that the command is being executed, then calls a JavaScript callback function to parse the returned data in JSON format, and restores the command execution result object. According to the execution result, the command execution is successful. Or display command execution failure and error message.

FIG. 2 shows a schematic diagram of the structure of the regularly executed asynchronous command refresh data of the browser-based remote control method of the embodiment of the present invention, which is now described in detail as follows:

Create a timer in the JavaScript script, and call the Ajax object regularly to initiate an asynchronous request to the server for querying real-time data.

After the server receives the command request, it conducts a real-time data call test on the remote device. If the device automatically and regularly uploads real-time data to the server memory, it can also retrieve the latest data from the server memory data and return it.

The server returns the data collection object to the client in JSON format.

The client-side Ajax object detects that the server has finished executing and returns, and calls a JavaScript callback function to parse the returned data in JSON format. If the query data is successful, refresh the data area on the interface.

FIG. 3 shows a schematic diagram of the architecture of the browser-based remote control method of the embodiment of the present invention when executing a batch of asynchronous commands, which are now described in detail as follows:

The operator raises an operation command on the browser page, an Ajax object is generated in JavaScript, and an asynchronous request is initiated to the server, and the operation command can be accompanied by command parameters. The page can be closed after sending.

After the server receives the operation command, it extracts the command parameters from the request data, then generates a command object, and puts it into the command queue to be executed.

The command scheduling execution program of the server regularly detects whether there are commands in the queue to be executed, and if so, takes them out one by one for execution. After the execution is completed, the execution result (portable data) is generated into a result object and put into the queue of the executed data result object.

Another webpage on the client side that displays the execution results of asynchronous commands calls the Ajax object asynchronously at regular intervals to retrieve the result object queue from the server. If there is a result object in the queue, the server takes the object out and returns it to the client in JSON format.

The client Ajax object detects the return from the server, and judges whether there is return data from the return data in JSON format. If so, the command execution results are written to the web page one by one, and at the same time, it can play sound, display animation, etc. to remind the operator that the asynchronous command has been executed.

The browser used in the embodiment of the present invention refers to the IE6 browser, but is not limited to other browsers (such as firefox), and some JavaScript scripts may be different when implemented in other browsers.

The present invention combines the latest technologies in the field of web development such as Ajax and JSON, and provides a new development method for developing a real-time control system or a data monitoring system on the web. The method is simple and effective, can greatly simplify program flow, reduce server load, reduce network traffic load, and greatly improve customer operation experience and interface display effect.

The above descriptions are only preferred embodiments of the present invention, and are not intended to limit the present invention. Any modifications, equivalent replacements and improvements made within the spirit and principles of the present invention should be included in the protection of the present invention. within range.

Claims (8)

1. A browser-based remote control method, characterized in that said method comprises the steps of: The server receives an operation command sent from the browser of the client, and the operation command generates an Ajax object in JavaScript; After receiving the operation command, the server sends the operation command to the remote device; and The server organizes the execution results returned by the remote device into an execution result object, and returns the object to the client in JSON format; After the client Ajax object detects the return from the server, it parses the returned data in JSON format, restores the command execution result object and displays it on the browser. 2. The method according to claim 1, further comprising: after the operation command is issued, the browser displays a waiting prompt indicating that the command is being executed. 3. The method according to claim 1, further comprising: calling the Ajax object periodically to initiate an operation command to the server. 4. The method according to claim 1, further comprising: when the remote device automatically and regularly uploads real-time data to the server memory, fetching the latest data from the server memory data and returning it. 5. The method according to claim 1, wherein a command parameter is attached to the operation command. 6. A browser-based remote control method, characterized in that said method comprises the steps of: After the server receives the operation command, it generates a command object and puts it into the command queue to be executed; The server regularly detects whether there are command objects in the command queue to be executed, and if there are, they are taken out one by one for execution. After execution, the execution result is generated as a result object and placed in the execution completed data result object queue; After receiving the Ajax object sent by the client, the server retrieves the result object queue. If there is a result object in the queue, it takes the object out and sends it to the client in JSON format. 7. The method of claim 6, further comprising: The client-side Ajax object detects the return from the server, and judges whether there is return data from the return data in JSON format. If there is, the command execution results are restored one by one and displayed on the browser. 8. The method according to claim 7, characterized in that, command parameters are attached to the operation command.

Images