Web page acquisition and rendering with inter-component data binding

Patent metadata

Field	Value
Publication number	US-10599752-B2
Application number	US-201815972561-A
Country	US
Kind code	B2
Filing date	May 7, 2018
Priority date	Feb 26, 2018
Publication date	Mar 24, 2020
Grant date	Mar 24, 2020

Abstract

A web browser application executing on a computing device receives, in response to a request for a web page, (i) a set of declarative markup data that defines a hierarchical arrangement of components of the web page and (ii) a set of scripts that defines structure and operation of the components. The declarative markup data and scripts cooperatively define data bindings between components of the page. Further the scripts can be changed from time to time, so that when the web browser application subsequently requests the same web page, the web browser application may receive in response the same declarative markup data but a different set of scripts that still supports the same data bindings between the components of the page.

First claim

What is claimed is:

1. A computing device comprising:
a processing unit;
data storage; and
a web browser application stored in the data storage and executable by the processing unit to carry out operations comprising:
receiving, in response to a request for a web page, (i) declarative markup data defining a hierarchical arrangement of components of the web page, including a first component and a second component, wherein the hierarchical arrangement comprises using a shadow document object model (DOM) to define a relationship between the first component and the second component, wherein the relationship comprises a data-binding that enables the second component to dynamically update its rendering in response to published data related to the first component, and (ii) a set of scripts defining structure and operation of the components of the web page, including a first script defining structure and operation of the first component and a second script defining structure and operation of the second component,
establishing a DOM of the web page based at least on the received scripts, and
rendering the web page based on the established DOM,
wherein the declarative markup data and scripts cooperatively define the data-binding between the first component and the second component, wherein the first script is interpretable by the web browser application to cause the web browser application to dynamically publish data related to the first component, and wherein the data-binding includes for the second component a listen-to tag attribute that binds, via the shadow DOM, the second component with the dynamically published data related to the first component, wherein the second script is interpretable by the web browser application in accordance with the listen-to tag attribute to cause the second component to dynamically update its rendering in response to the published data related to the first component.

2. The computing device of claim 1 , wherein the request is a first request and the set of scripts is a first set of scripts, and wherein the operations further comprise:
receiving, in response to a second, subsequent request for the same web page, (i) the declarative markup data defining the hierarchical arrangement of the components of the web page and (ii) a second set of scripts defining structure and operation of the components of the web page, the second set of scripts being different than the first set of scripts while still supporting the same, unchanged data-binding between the first component and the second component.

3. The computing device of claim 2 , wherein the second set of scripts includes at least one of (i) a different first script defining structure and operation of the first component or (ii) a different second script defining structure and operation of the second component.

4. The computing device of claim 1 , wherein the hierarchical arrangement of the components of the web page defines parent and child relationships among the components, and wherein the first and second components are sibling components, sharing a common parent component in the hierarchical arrangement.

5. The computing device of claim 1 , wherein receiving the declarative markup data and scripts comprises (i) receiving the declarative markup data and one or more references to the scripts and (ii) using the one or more references to request and receive the scripts.

6. The computing device of claim 5 , wherein receiving the declarative markup data and the one or more references to the scripts comprises receiving a markup document that includes the declarative markup data and the one or more references to the scripts.

7. The computing device of claim 1 , wherein the scripts comprise JavaScript scripts.

8. A method comprising:
receiving, into a web browser application executing on a computing device, in response to a request for a web page, (i) declarative markup data defining a hierarchical arrangement of components of the web page, including a first component and a second component, wherein the hierarchical arrangement comprises using a shadow document object model (DOM) to define a relationship between the first component and the second component, wherein the relationship comprises a data-binding that enables the second component to dynamically update its rendering in response to published data related to the first component, and (ii) a set of scripts defining structure and operation of the components of the web page, including a first script defining structure and operation of the first component and a second script defining structure and operation of the second component;
establishing, by the web browser application, a DOM of the web page based at least on the received scripts; and
rendering, by the web browser application, the web page based on the established DOM,
wherein the declarative markup data and scripts cooperatively define data-binding between the first component and the second component, wherein the first script is interpretable by the web browser application to cause the web browser application to dynamically publish data related to the first component, and wherein the data-binding includes for the second component a listen-to tag attribute that binds, via the shadow DOM, the second component with the dynamically published data related to the first component, wherein the second script is interpretable by the web browser application in accordance with the listen-to tag attribute to cause the second component to dynamically update its rendering in response to the published data related to the first component.

9. The method of claim 8 , further comprising:
dynamically publishing by the web browser application the data related to the first component, in accordance with the first script; and
causing by the web browser application the second component to react to the published data related to the first component, in accordance with the listen-to tag attribute and the second script.

10. The method of claim 8 , wherein the request is a first request and the set of scripts is a first set of scripts, the method further comprising:
receiving, into the web browser application, in response to a second, subsequent request for the same web page, (i) the declarative markup data defining the hierarchical arrangement of the components of the web page and (ii) a second set of scripts defining structure and operation of the components of the web page, the second set of scripts being different than the first set of scripts while still supporting the same, unchanged data-binding between the first component and the second component.

11. The method of claim 10 , wherein the second set of scripts includes at least one of (i) a different first script defining structure and operation of the first component or (ii) a different second script defining structure and operation of the second component.

12. The method of claim 8 , wherein the hierarchical arrangement of the components of the web page defines parent and child relationships among the components, and wherein the first and second components are sibling components, sharing a common parent component in the hierarchical arrangement.

13. The method of claim 8 , wherein receiving the declarative markup data and scripts comprises (i) receiving the declarative markup data and one or more references to the scripts and (ii) using the one or more references to request and receive the scripts.

14. The method of claim 13 , wherein receiving the declarative markup data and the one or more references to the scripts comprises receiving a markup document that includes the declarative markup data and the one or more references

Assignees

• Servicenow Inc

Inventors

• Kirn Andreas
• Richards Darren Michael
• Strimpel Jason
• Tucker Christopher

Classifications

• G06F40/137

  Hierarchical processing, e.g. outlines · CPC title

• G06F40/117

  Tagging; Marking up (details of markup languages G06F40/143); Designating a block; Setting of attributes (style sheets, e.g. eXtensible Stylesheet Language Transformation [XSLT], G06F40/154) · CPC title

• G06F16/986 Primary

  Document structures and storage, e.g. HTML extensions · CPC title

• G06F17/218

  Physics · mapped topic

• G06F17/2247 Primary

  Physics · mapped topic