samples/json/war/JSON.html - gwt - Git at Google

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 <!--                                                                        -->
 <!-- Copyright 2008 Google Inc.                                             -->
 <!-- Licensed under the Apache License, Version 2.0 (the "License"); you    -->
 <!-- may not use this file except in compliance with the License. You may   -->
 <!-- may obtain a copy of the License at                                    -->
 <!--                                                                        -->
 <!-- http://www.apache.org/licenses/LICENSE-2.0                             -->
 <!--                                                                        -->
 <!-- Unless required by applicable law or agreed to in writing, software    -->
 <!-- distributed under the License is distributed on an "AS IS" BASIS,      -->
 <!-- WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or        -->
 <!-- implied. License for the specific language governing permissions and   -->
 <!-- limitations under the License.                                         -->

 <html>
   <head>
     <meta http-equiv="content-type" content="text/html; charset=UTF-8">
     <link type="text/css" rel='stylesheet' href='JSON.css'>
     <title>JSON Interoperability Example</title>
     <script type="text/javascript" language='javascript' src='json/json.nocache.js'></script>
   </head>
   <body>
     <noscript>
       <div style="width: 22em; position: absolute; left: 50%; margin-left: -11em; color: red; background-color:white; border: 1px solid red; padding: 4px; font-family: sans-serif">
         Your web browser must have JavaScript enabled
         in order for this application to display correctly.
       </div>
     </noscript>

     <h1>JSON Interop Using JSNI</h1>

     <div class="intro">
       This example application demonstrates a simple approach to
       interoperating with services that return their output in JSON format.
       It uses GWT's JavaScript Native Interface (JSNI) to analyze a JSON
       response and create Java-accessible objects.  The JSON classes in this sample
       are general-purpose and can be reused in other projects if you find
       them useful.

       <p>
       When you click the "Search" button below, you can browse the cached
       results of a Yahoo JSON image search for "potato."  The response is
       parsed into Java objects which are used to populate a tree view below.
       </p>

       <ul>
         <li>For more details on how the JSON response is parsed into a set
             of Java objects, see the JSONParser class.
         <li>The search URL used in this example was
           <a href='http://api.search.yahoo.com/ImageSearchService/V1/imageSearch?appid=YahooDemo&amp;query=potato&amp;results=2&amp;output=json'>http://api.search.yahoo.com/ImageSearchService/V1/imageSearch?appid=YahooDemo&amp;query=potato&amp;results=2&amp;output=json</a>.
       </ul>

       <div id="search">
       </div>
     </div>

     <table align="center" width="80%" style="margin-top: 1em">
       <tr><th style="text-align: center; margin: 1em">JSON Response Tree View</th></tr>
       <tr><td id="tree"></td></tr>
     </table>
   </body>
 </html>
	<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
	<!-- -->
	<!-- Copyright 2008 Google Inc. -->
	<!-- Licensed under the Apache License, Version 2.0 (the "License"); you -->
	<!-- may not use this file except in compliance with the License. You may -->
	<!-- may obtain a copy of the License at -->
	<!-- -->
	<!-- http://www.apache.org/licenses/LICENSE-2.0 -->
	<!-- -->
	<!-- Unless required by applicable law or agreed to in writing, software -->
	<!-- distributed under the License is distributed on an "AS IS" BASIS, -->
	<!-- WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or -->
	<!-- implied. License for the specific language governing permissions and -->
	<!-- limitations under the License. -->

	<html>
	<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<link type="text/css" rel='stylesheet' href='JSON.css'>
	<title>JSON Interoperability Example</title>
	<script type="text/javascript" language='javascript' src='json/json.nocache.js'></script>
	</head>
	<body>
	<noscript>
	<div style="width: 22em; position: absolute; left: 50%; margin-left: -11em; color: red; background-color:white; border: 1px solid red; padding: 4px; font-family: sans-serif">
	Your web browser must have JavaScript enabled
	in order for this application to display correctly.
	</div>
	</noscript>

	<h1>JSON Interop Using JSNI</h1>

	<div class="intro">
	This example application demonstrates a simple approach to
	interoperating with services that return their output in JSON format.
	It uses GWT's JavaScript Native Interface (JSNI) to analyze a JSON
	response and create Java-accessible objects. The JSON classes in this sample
	are general-purpose and can be reused in other projects if you find
	them useful.

	<p>
	When you click the "Search" button below, you can browse the cached
	results of a Yahoo JSON image search for "potato." The response is
	parsed into Java objects which are used to populate a tree view below.
	</p>

	<ul>
	<li>For more details on how the JSON response is parsed into a set
	of Java objects, see the JSONParser class.
	<li>The search URL used in this example was
	<a href='http://api.search.yahoo.com/ImageSearchService/V1/imageSearch?appid=YahooDemo&query=potato&results=2&output=json'>http://api.search.yahoo.com/ImageSearchService/V1/imageSearch?appid=YahooDemo&query=potato&results=2&output=json</a>.
	</ul>

	<div id="search">
	</div>
	</div>

	<table align="center" width="80%" style="margin-top: 1em">
	<tr><th style="text-align: center; margin: 1em">JSON Response Tree View</th></tr>
	<tr><td id="tree"></td></tr>
	</table>
	</body>
	</html>