third_party/polymer/components/core-ajax/demo.html

   1 <!doctype html>
   2 <!--
   3 Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
   4 This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
   5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
   6 The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
   7 Code distributed by Google as part of the polymer project is also
   8 subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
   9 -->
  10 <html>
  11 <head>
  12
  13   <title>core-ajax</title>
  14
  15   <script src="../webcomponentsjs/webcomponents.js"></script>
  16   <link rel="import" href="core-ajax.html">
  17
  18 </head>
  19 <body>
  20
  21   <core-ajax auto url="//gdata.youtube.com/feeds/api/videos/"
  22       params='{"alt":"json", "q":"chrome"}'
  23       handleAs="json"></core-ajax>
  24
  25   <template repeat="{{response.feed.entry}}">
  26     <div>{{title.$t}}</div>
  27   </template>
  28
  29   <script>
  30     document.addEventListener('polymer-ready', function() {
  31       var ajax = document.querySelector("core-ajax");
  32       ajax.addEventListener("core-response",
  33         function(e) {
  34           document.querySelector('template').model = {
  35             response: e.detail.response
  36           };
  37         }
  38       );
  39     });
  40   </script>
  41
  42 </body>
  43 </html>