#Mashup softwares how to#
#Mashup softwares series#

#Mashup softwares series#

The earlier article in this series covered some of the major reasons for using the proxy style. Reasons to Use the Client-Side Mashup Style The callback function updates the client view of the page by either updating the innerHTML property of an HTML element in the page or by manipulating the Document Object Model (DOM) that represents the page.When the JSONP response is received, a call is made to the callback function passing it the JSON object. It uses the term JSONP response to mean an HTTP response that includes data in JSONP format. For simplicity, this article uses the term JSONP request to mean an HTTP request that specifies JSONP as the desired format of the response. If the request is a JSONP request, the mashup site returns data in JSONP format. The mashup site processes the request and returns data in the requested format.If the specified format is JSONP, a callback function is usually specified as a parameter in the request. JSONP appends the name of a local callback function to a JSON object. This makes data in JSON format relatively easy for a client to handle. JSONP format is an extension to JavaScript Object Notation (JSON), a lightweight data interchange format that is relatively easy to parse and evaluate by a JavaScript function. The request specifies the desired format of the response, often JSON with Padding (JSONP). Based on the tag, an HTTP request is made to the mashup site.The function dynamically creates a tag that points to the mashup site. Some action in the browser page calls a function in the JavaScript library - the library provided by the mashup site, the custom JavaScript library that you created, or a third-party JavaScript library.If the page does not reference a JavaScript library from the mashup site, you can write a custom JavaScript library or use a third-party JavaScript library such as a library in the Dojo toolkit to facilitate the mashup. The referenced library is then loaded into the web page. The page usually references a JavaScript library of functions from the mashup site - for example, from a site such as Google Maps - to enable use of the mashup site's service. The server web site loads the page into the client.

The browser makes a request to the server in your web site for a web page.

Figure 1 illustrates how a client-side mashup works. A server-side mashup is also called a proxy-style mashup because a component in the server acts as a proxy to the service. This is in contrast to a server-side mashup, where the service or content integration takes place in the server. In a client-side mashup, the service or content integration takes place in the client, which is typically a web browser.

#Mashup softwares how to#

In addition, you'll learn how to make services and content on your site available to others for use in client-side mashups. You'll learn how a client-side mashup works, see an example of a client-side mashup in Pet Store - as is the case in the previous article, this article refers to the Java Pet Store 2.0 application simply as Pet Store - and explore some of the onsiderations related to the client-side mashup style. In this article, the focus shifts to client-side mashups.

It then focused on server-side mashups, using one of the server-side mashups in the Java Pet Store 2.0 reference application to illustrate that mashup style. The article went on to give an overview of the two primary mashup styles: server-side mashups and client-side mashups.

However, there is no single definition that encompasses all mashups. In this series of articles a mashup is loosely defined as the merging of services and content from multiple web sites in an integrated, coherent way.