WO2013159611A1

WO2013159611A1 - Webpage data submitting method and device

Info

Publication number: WO2013159611A1
Application number: PCT/CN2013/072784
Authority: WO
Inventors: 胡锋
Original assignee: 华为技术有限公司
Priority date: 2012-04-27
Filing date: 2013-03-18
Publication date: 2013-10-31
Also published as: CN102663130A

Abstract

The present invention relates to a webpage data submitting method and device. A webpage is set with more than two submitting areas. The method comprises: when it is detected that an area submitting event contained in an area submitting label is triggered, obtaining one or more than one area identifier contained in the area submitting label, the area identifier being used for indicating a submitting area selected by a user; according to the area identifier, obtaining the page data of the submitting area corresponding to the area identifier; and sending the obtained page data to a server, thereby only submitting the page data of a submitting area corresponding to an area identifier without submitting the page data of the whole webpage, and further increasing the degree of development freedom of a webpage developer.

Description

Method and device for submitting webpage data This application is required to be submitted to the Chinese Patent Office on April 27, 2012, and the application number is

The priority of the Chinese Patent Application, which is incorporated herein by reference.

TECHNICAL FIELD The present invention relates to the field of web page development, and in particular, to a method and apparatus for submitting web page data. Background technique

The Hyper Text Markup Language (HTML) form is used to collect different types of user input. The following forms use forms to refer to HTML forms. A form is an area that contains form elements, allowing users to enter elements of information into a form, such as: text fields, drop-down lists, radio buttons, check boxes, and so on. Forms can be defined using form tags.

There are a variety of form tags, such as: <&1111> is used to define the form for user input, <1叩1^> is used to define the input field, <6 1> is used to define the text field, <^ 61> Used to define a control tag, <fieldset> is used to define the field, <legend> is used to define the title of the field, <select> is used to define a selection list, <optgroup> is used to define the option group, <(^1 11 > Used to define options in the drop-down list, <1⁄2«011> is used to define a button.

The form tags used in most cases are input tags ( <input> ) whose input type is defined by the type attribute (type ). Most of the input types that are often used are the following: Text Fields ), when the user wants to type letters, numbers, etc. in the form, the text field is used; Radio Buttons, when the user selects one of several given choices, the radio is used. Checkboxes, checkboxes are used when the user needs to select one or several options from several given choices; submit, which is used to submit input when the user input ends. Content.

The action attribute of the form defines a Uniform Resource Locator (URL) that indicates where to send the form data. Files defined by action attributes are typically processed in relation to the received input data. When the user clicks the confirmation button, the content of the form is sent to the server, and the server jumps the form content to the destination file according to the URL. A specific example is given below, as shown in Figure 1. The HTML code of a form, name, surname, and user name are all input <input>, and the input type is text field text, corresponding to the submit button. The tag is also the input <input>, and the input type is submit submit; when the piece of HTML code is loaded into the browser, the effect of the browser display is shown in Figure 2. If the user types in the text box of the form and clicks the "Submit" button, then the input data is transferred to the page named "html_form_submitjsp" on the server, which will display the result of the input.

However, in the above form submission method, the data submission scope is limited to all input areas in the entire page, but web developers often want to be able to flexibly specify that certain input areas in a page need to participate in submission, and some input areas do not need to be submitted. Form submission methods will not be able to achieve this purpose, which will bring inconvenience to the development of web pages. Summary of the invention

The embodiment of the invention provides a method and a device for submitting webpage data, which are used to flexibly submit partial webpage page data in the process of submitting webpage data, thereby avoiding submitting page data of a submission area specified by the entire webpage.

A first aspect of the embodiments of the present invention provides a method for submitting webpage data. The webpage page is set to two or more submission areas, and the method includes:

When it is detected that the area submission event included in the area submission label is triggered, the area submission label includes one or more area identifiers, and the area identifier is used to identify the submission area selected by the user; according to the area identifier, the submission corresponding to the area identifier is obtained. The page data of the area; sends the acquired page data to the server.

The method for providing webpage data submission further includes: sending a page loading request to the server, receiving a page loading data returned by the server, and receiving the area submission label, before detecting that the area submission event included in the area submission label is triggered. The zone submission tag contains the zone submission event and the zone ID.

The method for providing webpage data submission further includes: loading the page according to the page loading data; after the page is loaded, according to the area submitting the label, starting to detect whether the area submitting event is triggered, and the area submitting event is specifically a hypertext markup. Language HTML event.

In the above method for providing webpage data submission, the detecting of whether the region submitting event is triggered is specifically included: starting an event processing function, and the event processing function is configured to detect whether the region submitting event is triggered;

When the area submission event included in the area submission label is detected to be triggered, the acquisition area is submitted. The one or more area identifiers included in the sign are obtained. The page data corresponding to the area identifier is obtained according to the area identifier. The specific information includes: when the event processing function detects that the area commit event is triggered, acquiring the area identifier included in the area submission label; Knowledge, get the page entry component tag corresponding to the area and the data entered by the user.

The method for providing webpage data submission further includes: before sending the page load request to the server, the webpage developer sets the submission area, and develops a JSP code of the Java server page, and the JSP code includes the area submission label.

The method for providing webpage data submission, sending a page load request to the server, and receiving the page load data returned by the server, specifically: sending a page load request to the server, so that the server obtains the developed JSP code according to the page load request, and The JSP code is parsed to generate a collection script and a detection script; the page load data returned by the receiving server is received, and the page loading data includes a collection script and a detection script.

In the above method for providing webpage data submission, starting an event processing function specifically includes: starting an event processing function by executing a detection script;

When the event processing function detects that the area submission event is triggered, the area identifier included in the area submission label is obtained, and the page data corresponding to the area identifier is obtained according to the area identifier, specifically: when the event processing function detects that the area submission event is triggered, The area identifier included in the area submission label is obtained by executing the collection script, and the page data corresponding to the area identifier is obtained according to the area identifier.

In the method for providing webpage data submission, the obtained page data is sent to the server, and specifically includes: ^^: seeking, , 'one, sending an asynchronous request to the server, and the asynchronous request includes submitting the webpage data provided by the foregoing. The method further includes: receiving an asynchronous response returned by the server, where the asynchronous response includes the one or more area identifiers, and refreshing, according to the area identifier, a page corresponding to the area identifier.

A second aspect of the embodiment of the present invention is a device for submitting webpage data, including:

The data obtaining module is configured to: when detecting that the area submitting event included in the area submission label is triggered, acquiring one or more area identifiers included in the area submission label, where the area identifier is used to identify the submission area selected by the user; and according to the area identifier And acquiring the page data of the submission area corresponding to the area identifier; and the data sending module, configured to send the acquired page data to the server.

The device for submitting the webpage data further includes: a request sending module, configured to send a page loading request to the server; a data receiving module, configured to receive page loading data returned by the server, where the page loading data includes a region submission label, and the area submission label includes The zone submission event and the zone submission identifier. The device for submitting the webpage data further includes: a loading module, configured to load the data according to the page, and a page loading; and a detecting module, configured to: after the page is loaded, submit a label according to the area, and start detecting whether the area submitting event is triggered The zone submission event is specifically a hypertext markup language HTML event.

In the device for submitting the webpage data, the detecting module is specifically configured to: after the page is loaded, start the event processing function according to the area submission label, and the event processing function is used to detect whether the area submission event is triggered; the data acquisition module is specifically used when When the event processing function detects that the area submission event is triggered, the one or more area identifiers included in the area submission label are obtained; and the page data corresponding to the area identifier is obtained according to the area identifier.

In the device for submitting the webpage data, the data sending module further includes: an object creating unit, configured to create a data request object, an asynchronous request sending unit, configured to send an asynchronous request to the server, and the asynchronous request includes the obtained area submitting the label. The area identifier corresponds to the area page data.

The device for submitting the webpage data further includes: a refreshing module, configured to receive an asynchronous response returned by the server, where the asynchronous response includes the one or more area identifiers, and according to the area identifier, the area identifier The corresponding page is refreshed. In the embodiment of the present invention, since the area submission label includes one or more area identifiers, the area identifier uniquely corresponds to one submission area, so that the device for submitting the webpage data can obtain the identifier according to one or more area identifiers. The area identifier corresponds to the page data of the submission area, so that the page data of the submission area corresponding to the area identifier can be flexibly submitted without submitting the entire webpage page data, thereby further improving the development freedom of the webpage developer. BRIEF DESCRIPTION OF THE DRAWINGS In order to more clearly illustrate the embodiments of the present invention or the technical solutions in the prior art, a brief description of the drawings used in the embodiments or the prior art description will be briefly described below. The drawings are some embodiments of the present invention, and those skilled in the art can obtain other drawings based on these drawings without any inventive labor.

1 is a schematic diagram of a prior art form HTML code;

2 is a schematic diagram showing the effect of the HTML code of FIG. 1 in a browser display page;

FIG. 3 is a flowchart of a webpage data submission method according to an embodiment of the present invention; FIG. 4 is a schematic diagram of a webpage page area division according to an embodiment of the present invention;

FIG. 5 is a flowchart of a method for submitting webpage data according to another embodiment of the present invention; FIG. 6 is a schematic diagram of a code corresponding to FIG. 4 according to an embodiment of the present invention; FIG. 7 is a schematic structural diagram of an apparatus for submitting webpage data according to an embodiment of the present invention; FIG. 8 is a schematic structural diagram of an apparatus for submitting webpage data according to another embodiment of the present invention. detailed description

The technical solutions in the embodiments of the present invention are clearly and completely described in the following with reference to the accompanying drawings in the embodiments of the present invention. It is obvious that the described embodiments are only a part of the embodiments of the present invention, but not all of the embodiments. All other embodiments obtained by a person of ordinary skill in the art based on the embodiments of the present invention without creative efforts are within the scope of the present invention.

The webpage data submission method provided by the embodiment of the present invention is described first. The webpage data submission method describes the processing flow of the browser. FIG. 3 depicts the flow of the webpage data submission method provided by an embodiment of the present invention. The webpage page is set to two. More than one submission area, methods include:

301. When it is detected that the area submission event included in the area submission label is triggered, obtain one or more area identifiers (identities, IDs) included in the area submission label, where the area ID is used to identify the submission area selected by the user. ;

302. Obtain, according to the area identifier, page data of a submission area corresponding to the area identifier.

303. Send the obtained page data to a server. In the embodiment of the present invention, since the area submission label includes one or more area identifiers, the area identifier uniquely corresponds to one submission area, so that the device for submitting the webpage data can obtain the identifier according to one or more area identifiers. The area identifier corresponds to the page data of the submission area, so that the entire page page data need not be submitted, but only the page data of the submission area corresponding to the area identifier is submitted, which further improves the development freedom of the web page developer. In various embodiments of the present invention, the range of data submission in the webpage may be divided into different submission regions, and the submission region may be any input label in the webpage and a document object model corresponding to the internal input label. (Document Object Model, DOM) A subset of page elements. As shown in the page diagram of the browser shown in Figure 4, there are 3 A separate submission area, a basic area in which the "name" and "last name" of the input area are divided, a user (user) area in which the "user name" of the input area is divided, and an "address" of the input area can be divided into In the advanced (advance) area, of course, any two areas of the basic area, the user area, or the advance area can be combined into one submission area, or the basic area, the user area, and the advance area can be combined to form a submission area. The developer makes the settings themselves. Each submission area has a zone ID to uniquely identify it. FIG. 5 is a flowchart of a method for submitting webpage data according to another embodiment of the present invention. The content of the webpage shown in FIG. 4 is taken as an example for description. This embodiment describes the processing flow of the browser, and the embodiment includes:

501. When web developers develop web pages, code development is performed as needed, and the developed code is stored in the server. In this embodiment, the web page developer can submit the page data of the specified submission area by submitting the area division and the area submission label setting. The zone submission tag contains the zone submission tag name, the zone submission event, and the zone ID. The area submission tag name is used to identify that the tag is a zone submission tag; when the zone submission event is triggered, the device for submitting the webpage data submits the webpage data of the specified submission area; a zone ID uniquely corresponds to a specified submission zone, the zone There may be only one ID or more than two IDs. If there are more than two area IDs, the area IDs need to be separated by some kind of separator. For example: the separator can be represented by a comma ",". For example: In the Java 2 Platform Enterprise Edition (J2EE) environment, define a zone submission label in the format of Java Server Pages (JSP). The zone submits the tag name <fire>, the zone commit event. Can be an HTML event, such as: mouse click event onclick. According to the above-mentioned submission area setting, the web developer develops a piece of code stored in the server, the piece of code is composed of part of the HTML source code and part of the JSP code, and for the JSP code, when the JSP code is loaded into the browser of the terminal, The server needs to convert the piece of JSP code into HTML code. Figure 6 shows the code stored in the server, which contains three separate submission areas and one submission area label. Among them, a submission area ID = "basic", its HTML tag is <div>, where the form tag <div> can define a partition or section (division / section) in the document, can be divided into 4 independent documents , different parts; its internal contains two text input areas, respectively, the first name and last name, that is, the corresponding page content of the page is the name and last name of the area. The ID of another commit area is "user" , and its form tag is < input >, which is a text input area, that is, the area where the corresponding web page content is the user name. Another submission area ID = "advance" , its form tag is <span>,<span> tag is used to combine the inline elements in the document, which contains a text input area, that is, its corresponding page page content is The area of the address. In addition, a button label button is included, and the button has a value of "commit", which includes a submission area label, and the submission area label includes a specified submission area of "basic" and "user", and the submission area label The event is onclick, that is, when the web developer or user clicks the button "submit" with the mouse, the event of submitting the area label is triggered, and the trigger terminal is further submitted to the server with the area IDs "basic" and "user". Web page data. The content of the button label is described in the JSP language.

502. The user sends the page load request to the server by using a browser input URL on the device submitted by the webpage data. The user here can be a web developer or an ordinary end user. The device for submitting the above webpage data may include a desktop computer, a notebook, a mobile phone, a PDA, a platform computer, an e-book, and the like.

503. The server receives and parses the page load request, and sends a page load data to the device submitted by the webpage data, where the page load data includes an HTML presentation element and the area submission label. The server obtains the above code according to the page loading request, and parses the JSP code in the piece of code, generates a collection script and a detection script, and loads the two scripts, the area submission label and the HTML presentation element as page loading data. The browsers sent to the web page data submission device are loaded together.

504. The device for submitting the webpage data receives the page loading data, and performs page loading. When the web page is loaded, the above two scripts, the area submission tag, and the HTML presentation element are loaded into the browser in the device of the web page data submission. After the above webpage is loaded, the detection script is executed, thereby registering an event processing function, that is, when the browser executes the detection script, an event processing function is started to detect whether the detection area submission event is triggered. When the user action triggers the zone commit event contained in the zone submission tag, the event handler can listen to the zone commit event being triggered. For example, suppose the web developer sets the two submission areas whose area ID is basic and user to form a submission area. The HTML event corresponding to the area submission label is a mouse event, and its specific attribute can be onclick, if the user clicks the corresponding submission by mouse click. When the tag is called, the event handler will listen for the zone commit event to be triggered.

505. When the user inputs content in a partial area of the entire page, preparing to submit a partial page, that is, triggering the area submission event included in the area submission label. Specifically: When the user needs to submit the page data of the basic submission area and the user, click the submit button with the mouse, that is, the area submission event is triggered, and the event processing function detects that the area submission event is triggered, and the device for submitting the webpage data is triggered. After the zone commit event is determined to be triggered, the collection script is executed. When an HTML event is not a zone commit event, such HTML events will be ignored and will not be processed.

506. The device for submitting the webpage data acquires page data of the submission area corresponding to the area ID. The device for submitting the webpage data executes the above collection script, and acquires the area ID included in the area submission label, and sequentially acquires the page data of the submission area corresponding to each area ID, wherein the page data includes all the internal parts of the HTML presentation element corresponding to the submission area. Enter the component label and the data entered by the user. For example, for the device whose area ID is basic, the webpage data submission executes a collection script, and then calls the browser programming interface getElementsByTa to obtain all the input component tags and the data input by the user in the HTML presentation element corresponding to the area ID. For example: text input area (input) and the data entered by the user corresponding to the text input area.

507. When the device that submits the webpage data successfully obtains the area ID corresponding to the area submission label, After the page data is submitted, the device for submitting the webpage data creates a data request object, and initiates a hypertext transport protocol (HTTP) asynchronous request to the server, where the HTTP asynchronous request includes the obtained page data, and the obtained page is obtained. The data is sent to the server, where the data request object is an XmlHttpRequest object.

508. After performing the necessary processing on the received data according to the service processing logic, the server sends an HTTP asynchronous response to the device submitted by the webpage data, where the HTTP asynchronous response includes the area identifier, and the device that submits the webpage data receives the response. The page corresponding to the area identifier performs partial area refresh or full refresh, abnormal prompt, and the like. In the embodiment of the present invention, the device that submits the webpage data obtains the page data of the submission area corresponding to the area ID according to the area ID of the one or more areas included in the label, thereby implementing the page data of the submission area, and further improving Web developer development freedom. In addition, since the device for submitting the webpage data can receive the partial area webpage refresh by the server, the entire webpage page need not be refreshed, thereby reducing the bandwidth consumption. Further, since the submission of the label through the area can describe the scope of the webpage data submission in a concise and convenient manner, the programming method is simple to implement, the difficulty of webpage development is reduced, the interaction with the server is reduced, and the maintenance of the webpage is improved. FIG. 7 is a schematic structural diagram of an apparatus for submitting webpage data according to an embodiment of the present invention, including:

The data obtaining module 71 is configured to: when it is detected that the area submission event included in the area submission label is triggered, obtain one or more area identifiers included in the area submission label, where the area identifier is used to identify the submission area selected by the user. And obtaining, according to the area identifier, page data of the submission area corresponding to the area identifier;

The data sending module 72 is configured to send the acquired page data to the server. Optionally, as shown in FIG. 8, the device for submitting webpage data further includes:

a request sending module 73, configured to send a page load request to the server; a data receiving module 74, configured to receive page load data returned by the server, where the page load data includes the area submission label, and the area submission The tag contains the zone submission event and the zone submission identifier. Optionally, as shown in FIG. 8, the device for submitting webpage data further includes: a loading module 75, configured to perform page loading according to the page loading data;

The detecting module 76 is configured to: after the page loading is completed, submit a label according to the area, and start detecting whether the event is triggered by the area, and the area submitting event is specifically a hypertext markup language HTML event. Optionally, the detecting module 76 is specifically configured to: after the page is loaded, submit a label according to the area, and start an event processing function, where the event processing function is used to detect whether the area submit event is triggered; the data acquiring module 71 is specific. And when the event processing function detects that the area submission event is triggered, acquiring one or more area identifiers included in the area submission label; and acquiring, according to the area identifier, a page corresponding to the area identifier data. Optionally, as shown in FIG. 8, the data sending module 72 further includes:

The object creation unit 721 is configured to create a data request object, and the asynchronous request sending unit 722 is configured to send an asynchronous request to the server, where the asynchronous request includes the area page data corresponding to the area identifier of the obtained area submission label.

Optionally, as shown in FIG. 8, the apparatus for submitting webpage data further includes: a refreshing module 77, configured to receive an asynchronous response returned by the server, where the asynchronous response includes the one or more area identifiers, and Refreshing the page corresponding to the area identifier according to the area identifier. In the embodiment of the present invention, the device that submits the webpage data obtains the page data of the submission area corresponding to the area ID according to the area ID of the one or more areas included in the label, thereby implementing the page data of the submission area, and further improving Web developer development freedom. In addition, since the device for submitting the webpage data can receive the partial area webpage refresh by the server, the entire webpage page need not be refreshed, thereby reducing the bandwidth consumption. Further, since the submission of the label through the area can describe the scope of the webpage data submission in a concise and convenient manner, the programming method is simple to implement, the difficulty of webpage development is reduced, the interaction with the server is reduced, and the maintenance of the webpage is improved.

The content of the information exchange, the execution process, and the like in the above-mentioned devices are based on the same concept as the method embodiment of the present invention. For details, refer to the description in the method embodiment of the present invention, and details are not described herein again.

Those skilled in the art can understand that all or part of the flow in the method of the above embodiment is implemented. The program may be implemented by a computer program to instruct related hardware. The above program may be stored in a computer readable storage medium, and the program may include a flow of an embodiment of the methods as described above. The above storage medium may be a magnetic disk, an optical disk, or a read-only memory.

(ROM: Read-Only Memory) or random access memory (RAM: Random Access Memory). The description of the embodiments is only for helping to understand the method and the idea of the present invention; at the same time, for those skilled in the art, according to the idea of the present invention, there will be changes in the specific embodiments and application scopes. The description is not to be construed as limiting the invention.

Claims

Rights request

A method for submitting webpage data, characterized in that a webpage page is set to two or more submission areas, and the method comprises:

When it is detected that the area submitting event included in the area submission label is triggered, acquiring one or more area identifiers included in the area submission label, where the area identifier is used to identify a submission area selected by the user;

Obtaining, according to the area identifier, page data of the submission area corresponding to the area identifier; and sending the acquired page data to the server.

2. The method according to claim 1, wherein before detecting that the area submission event included in the area submission label is triggered, the method further includes:

Sending a page load request to the server;

Receiving page load data returned by the server, the page load data includes the area submission label, and the area submission label includes the area submission event and the area identifier.

3. The method of claim 2, further comprising:

Loading the page according to the page loading data;

After the page is loaded, the label is submitted according to the area, and detection of whether the event is triggered by the area is initiated, and the area submission event is specifically a hypertext markup language HTML event.

The method of claim 3, wherein the detecting whether the event is triggered by the area submission event comprises:

Initiating an event processing function, the event processing function is configured to detect whether the area submission event is triggered;

Obtaining, when the area submitting event included in the area submission label is triggered, acquiring one or more area identifiers included in the area submission label; obtaining, according to the area identifier, page data corresponding to the area identifier; Includes:

And when the event processing function detects that the area submission event is triggered, acquiring an area identifier included in the area submission label;

Obtaining, according to the area identifier, page data corresponding to the area identifier, where the page data includes an input component label inside an HTML presentation element corresponding to the area identifier And data entered by the user.

The method of claim 4, wherein before the sending the page load request to the server, the method further comprises: after the developer sets the submission area of the webpage, developing a JSP code of the Java server page, The area submission label is included in the JSP code.

The method of claim 5, wherein the sending a page load request to the server, and receiving the page load data returned by the server, specifically includes:

Sending a page load request to the server, so that the server obtains the developed JSP code according to the page load request, parses the JSP code, and generates a collection script and a detection script;

Receiving page load data returned by the server, the page load data including the collection script and the detection script.

The method according to claim 6, wherein the startup event processing function specifically includes:

The event processing function is started by executing the detection script;

And when the event processing function detects that the area submitting event is triggered, the area identifier that is included in the area submission label is obtained, and the page data corresponding to the area identifier is obtained according to the area identifier, which specifically includes:

When the event processing function detects that the area submission event is triggered, the collection script is executed to obtain the area identifier included in the area submission label, and the area identifier is obtained according to the area identifier. Page data.

The method of claim 1, wherein the sending the obtained page data to the server comprises:

Creating a data request object, sending an asynchronous request to the server, the asynchronous request including

9. The method of claim 8, further comprising: receiving an asynchronous response returned by the server, the asynchronous response including the one or more area identifiers, The area identifier is used to refresh the page corresponding to the area identifier.

10. A device for submitting webpage data, comprising:

The data obtaining module is configured to: when detecting that the area submitting event included in the area submission label is triggered, acquiring one or more area identifiers included in the area submission label, where the area identifier is used to identify a submission area selected by the user; And obtaining the area according to the area identifier Identify the page data of the corresponding submission area;

a data sending module, configured to send the acquired page data to a server.

The device according to claim 10, further comprising: a request sending module, configured to send a page loading request to the server;

And a data receiving module, configured to receive page load data returned by the server, where the page load data includes the area submission label, and the area submission label includes the area submission event and the area submission identifier.

The device of claim 11, further comprising: a loading module, configured to perform page loading according to the page loading data;

The detecting module is configured to: after the page is loaded, submit a label according to the area, and start detecting whether the event is triggered by the area, and the area submitting event is specifically a hypertext markup language HTML event.

The device of claim 12, wherein the detecting module is configured to: after the page is loaded, submit a label according to the area, and start an event processing function, where the event processing function is used to detect the Whether the zone submission event is triggered;

The data acquisition module is specifically configured to: when the event processing function detects that the area submission event is triggered, acquire one or more area identifiers included in the area submission label; and obtain the location according to the area identifier The page data corresponding to the area identifier.

The device according to claim 10, wherein the data sending module further comprises:

An object creation unit for creating a data request object,

An asynchronous request sending unit, configured to send an asynchronous request to the server, the asynchronous request

15. The apparatus according to claim 14, wherein the refreshing module is configured to receive an asynchronous response returned by the server, where the asynchronous response includes the one or more area identifiers. And refreshing the page corresponding to the area identifier according to the area identifier.