3.0.1 • Published 6 years ago

@polymer/iron-ajax v3.0.1

Weekly downloads
11,296
License
BSD-3-Clause
Repository
github
Last release
6 years ago

Published on NPM Build status Published on webcomponents.org

<iron-ajax>

The iron-ajax element declaratively exposes network request functionality to Polymer's data-binding system.

See: Documentation, Demo.

Usage

Installation

npm install --save @polymer/iron-ajax

In an html file

<html>
  <head>
    <script type="module">
      import '@polymer/iron-ajax/iron-ajax.js';
    </script>
  </head>
  <body>
    <iron-ajax
        auto
        url="https://www.googleapis.com/youtube/v3/search"
        params='{"part":"snippet", "q":"polymer", "key": "YOUTUBE_API_KEY", "type": "video"}'
        handle-as="json"
        on-response="handleResponse"
        debounce-duration="300">
    </iron-ajax>
  </body>
</html>

In a Polymer 3 element

import {PolymerElement, html} from '@polymer/polymer';
import '@polymer/iron-ajax/iron-ajax.js';

class SampleElement extends PolymerElement {
  static get template() {
    return html`
      <iron-ajax
          auto
          url="https://www.googleapis.com/youtube/v3/search"
          params='{"part":"snippet", "q":"polymer", "key": "YOUTUBE_API_KEY", "type": "video"}'
          handle-as="json"
          on-response="handleResponse"
          debounce-duration="300">
      </iron-ajax>
    `;
  }
}
customElements.define('sample-element', SampleElement);

Contributing

If you want to send a PR to this element, here are the instructions for running the tests and demo locally:

Installation

git clone https://github.com/PolymerElements/iron-ajax
cd iron-ajax
npm install
npm install -g polymer-cli

Running the demo locally

polymer serve --npm
open http://127.0.0.1:<port>/demo/

Running the tests

polymer test --npm
web-componentspolymerajax
@polymer/polymer
@nuskin/ns-shop-elements@teipublisher/pb-components7@infinitebrahmanuniverse/nolb-_pol@everything-registry/sub-chunk-731@boluabraham/fhir-login@lrnwebcomponents/lrnsys-commentwise-shopping-cart@lucentray/pine-web-components@lrnwebcomponents/sites-listing@lrnwebcomponents/lrn-calendar@lrnwebcomponents/haxcms-elements@lrnwebcomponents/lrnapp-book@lrnwebcomponents/lrnapp-cis@lrnwebcomponents/lrnapp-studio@lrnwebcomponents/game-show-quiz@lrnwebcomponents/lrndesign-imagemap@kubex/cube-behaviors@lrnwebcomponents/outline-player@lrnwebcomponents/per-spec-tive@lrnwebcomponents/lrnsys-progress@neogrup/nc-appconfig@neogrup/nc-doc@neogrup/nc-docw@neogrup/nc-network-status@neogrup/nc-search@neogrup/nc-zone-map@lrnwebcomponents/contenta-polymer@lrnwebcomponents/chartist-render@lrnwebcomponents/cms-hax@photon-elements/photon-iron@nuskin/ns-dev-portal@rpapeters/app-localize-behavior@polymer/app-localize-behavior@polymer/iron-component-page@polymer/iron-elements@polymer/iron-form@nuskin/ns-account-elements@nuskin/ns-util-elements@mistio/mist-insights@wcd/psulions.ist402-demo-cards-example-fork-k0ue36tj-fork-k0ue3ctb-fork-k0uelsun@wcd/techiana.ist402-demo-cards-example-fork-k0yeekli@wcd/techsiggs.ist402-demo-cards-example-fork-k0wvao1a@wcd/chemiskitty.ist402-demo-cards-example-fork-k0x6uwv9-fork-k0xa5pli@wcd/8bitdav.ist402-demo-cards-example-fork-k0x6phn3@wcd/csgitdegrees.ist402-demo-cards-example-fork-k0x4p3jd-fork-k0x4pdkt-fork-k0x4pu9a@wcd/jnb5409.ist402-demo-cards-example-fork-k0wms0wk@wcd/eaztech101.ist402-demo-cards-example-fork-k0wvn9jgejp-cascade-select@stuttgarter/furo-config@shifang2013/grid-arr-list@teipublisher/pb-components@things-real/shell@sdl-web/sdl-data@sdl-web/sdl-multi-combo@sdl-web/sdl-srch-bar@sdl-web/sdl-srch-bar-es6@unicef-polymer/etools-ajax@vistro/iron-form@anviltech/wuf-poly-paper-elements@advanced-rest-client/arc-messages-service@advanced-rest-client/exchange-search-panelfhir-human-address_fhir-human-certificationfhir-human-contact_fhir-human-genderfhir-human-languagefhir-human-namefhir-human-relation_fhir-location-descriptionfhir-location-getfhir-location-modefhir-location-operationalstatusfhir-location-statusfhir-loginfhir-marital-statusfhir-new-patientfhir-active-statusfhir-birth-datefhir-codingfhir-create-patientfhir-decease-statusfhir-organization-contactfhir-organization-getfhir-organization-namefhir-organization-typefhir-person-identifierfhir-allergy-categoryfhir-allergy-clinicalstatusfhir-allergy-criticalityfhir-allergy-lastoccurencefhir-allergy-notefhir-allergy-onsetfhir-allergy-typefhir-allergy-verificationstatus@whcg/whcg-lit-grid@whcg/whcg-gridf-i18ndr-niels-app-localize-behaviordr-niels-google-chartlive-localizer
3.0.1

6 years ago

3.0.0

6 years ago

3.0.0-pre.26

6 years ago

3.0.0-pre.25

6 years ago

3.0.0-pre.24

6 years ago

3.0.0-pre.23

6 years ago

3.0.0-pre.22

6 years ago

3.0.0-pre.21

6 years ago

3.0.0-pre.20

6 years ago

3.0.0-pre.19

6 years ago

3.0.0-pre.18

6 years ago

3.0.0-pre.17

6 years ago

3.0.0-pre.16

6 years ago

3.0.0-pre.15

6 years ago

3.0.0-pre.14

6 years ago

3.0.0-pre.13

6 years ago

3.0.0-pre.12

6 years ago

3.0.0-pre.11

6 years ago

3.0.0-pre.10

6 years ago

3.0.0-pre.8

6 years ago

3.0.0-pre.7

6 years ago

3.0.0-pre.6

6 years ago

3.0.0-pre.4

6 years ago

3.0.0-pre.3

6 years ago

3.0.0-pre.2

6 years ago

3.0.0-pre.1

7 years ago

1.4.3-pre.3

7 years ago

1.4.3-pre.2

7 years ago

1.4.3-pre.1

7 years ago

0.0.4

7 years ago

0.0.3

8 years ago

0.0.2

8 years ago

0.0.1

8 years ago