Polymer 1.x：在自定义行为中使用 iron-ajax

Question

我正在构建自定义行为。称之为 MyBehaviors.MySpecialBehavior.

但我需要获取本地存储在名为 my-data.json 的 JSON 文件中的数据。

如何在我的行为中做到这一点？我正在尝试导入 iron-ajax 但我想不出如何访问它的方法或属性。

我的特别-behavior.html

<link rel="import" href="../../bower_components/polymer/polymer.html">
<link rel="import" href="../../bower_components/iron-ajax/iron-ajax.html">

<script>
  var MyBehaviors = MyBehaviors || {};
  MyBehaviors.MySpecialBehaviorImpl = {
    // Methods go here that rely on data at my-data.json
  };

  MyBehaviors.MySpecialBehavior = [
    MyBehaviors.MySpecialBehaviorImpl,
  ];
</script>

我的-data.json

{
  "important": "data",
  "j": 5,
  "o": "N",
  "goes": "here"
}

Answer 1

您可以通过编程方式创建元素。看看 iron-ajax 本身是如何在内部使用 iron-request 的：

https://github.com/PolymerElements/iron-ajax/blob/master/iron-ajax.html#L442

关于您的用例，用户 a1626 创建了这个片段：

var ajax = document.createElement('iron-ajax');
ajax.contentType = "application/json";
ajax.handleAs = "json";
ajax.url = <url goes here>
ajax.method = 'get';
ajax.addEventListener('response', function (event) {
    //response handler                  
});
ajax.generateRequest();

Answer 2

您可以在添加的事件侦听器中使用 ajax.lastResponse 访问 json 数据。

var ajax = document.createElement('iron-ajax');
ajax.contentType = "application/json";
ajax.handleAs = "json";
ajax.url = <url goes here>
ajax.method = 'get';
ajax.addEventListener('response', function (event) {
    //response handler
    console.log('ajax', ajax.lastResponse);            
});
ajax.generateRequest();

Polymer 1.x：在自定义行为中使用 iron-ajax

Polymer 1.x: Using iron-ajax inside a custom behavior

ajax

polymer

polymer-1.0

polymer-1.x

iron-elements