Polymer IronAjax

Polymer IronAjax是Polymer框架下，进行HTTP请求的一个组件，使用简单方便，支持异步请求，可自定义请求的头部、请求体等信息。

安装

Polymer IronAjax可以通过Bower安装：

bower install --save PolymerElements/iron-ajax

使用

基础用法

Polymer IronAjax基本使用方式如下：

<iron-ajax
  auto
  url="https://example.com"
  handle-as="json"
  on-response="handleResponse"
  debounce-duration="300"></iron-ajax>

这段代码会自动发送一个HTTP请求，请求https://example.com地址。请求返回的数据会被自动转换成JSON格式，并通过handleResponse函数处理。debounce-duration属性表示在多少时间内只处理一次请求。

自定义请求

Polymer IronAjax支持自定义请求，可以通过params、headers、body等属性定制请求的内容。

<iron-ajax
  url="https://example.com"
  method="POST"
  headers='{"X-Requested-With": "XMLHttpRequest"}'
  body='{"foo":1, "bar":2}'
  handle-as="json"
  on-response="handleResponse"></iron-ajax>

这段代码会发送一个POST方法的请求，请求头包含X-Requested-With: XMLHttpRequest，请求体包含{"foo":1, "bar":2}。

事件

Polymer IronAjax定义了多种事件，用于在请求的各个生命周期里进行处理，包括iron-ajax-request、iron-ajax-response、iron-ajax-error等。

<iron-ajax
  url="https://example.com"
  method="POST"
  headers='{"X-Requested-With": "XMLHttpRequest"}'
  body='{"foo":1, "bar":2}'
  handle-as="json"
  on-request="handleRequest"
  on-response="handleResponse"
  on-error="handleError">
</iron-ajax>

这段代码会在请求、响应、错误的时候分别调用handleRequest、handleResponse、handleError函数。

总结

Polymer IronAjax是一个方便易用的HTTP请求组件，使用简单，支持自定义请求，具有多种事件处理机制，是Polymer框架下很好的网络请求解决方案。