如何通過javascript訪問core-ajax響應數據？

Question

舉例來說，如果我有我的index.html文件裏面自動綁定模板下面的代碼：

的index.html

<template is="auto-binding"> 
    <core-ajax id="ds" auto url="url/to/data.json" response="{{data}}"></core-ajax> 
    <my-items items="{{data}}"></my-items> 
</template> 

app.js

(function(document) { 
    'use strict'; 

    document.addEventListener('polymer-ready', function() { 
     var responseData = ???? 
    }); 
})(wrap(document)); 

Answer 1

通常情況下，我們使用數據綁定與核心ajax，但如果你需要得到它與J​​S你可以得到的答覆出core-response事件core-ajax發生火災，或者您可以查看core-ajax標記本身的response屬性。 jsbin example

<core-ajax auto url="http://date.jsontest.com"></core-ajax> 

<script> 
    document.addEventListener('polymer-ready', function() { 
    var ajax = document.querySelector('core-ajax'); 
    ajax.addEventListener('core-response', function(e) { 
     console.log(e.detail.response); 
     // or 
     console.log(e.target.response); 
     // or 
     console.log(ajax.response); 
    }); 
    }); 
</script> 

編輯：OP希望得到在汽車內結合核心的Ajax元素模板

你應該聽由auto-binding模板觸發的template-bound事件時戳其內容的頁。那麼你可以querySelector爲core-ajax。 jsbin example

<template is="auto-binding"> 
    <core-ajax auto url="http://date.jsontest.com"></core-ajax> 
</template> 

<script> 
    var tmpl = document.querySelector('template'); 
    tmpl.addEventListener('template-bound', function() { 
    var ajax = document.querySelector('core-ajax'); 
    ajax.addEventListener('core-response', function(e) { 
     console.log(e.detail.response); 
     // or 
     console.log(e.target.response); 
     // or 
     console.log(ajax.response); 
    }); 
    }); 
</script> 

編輯：爲了展示一個更好的辦法

由於原來的海報是專門詢問有關獲取使用JavaScript的反應，我給了JS完全辦法。你可以使用綁定來清理它。 jsbin example

<template is="auto-binding"> 
    <core-ajax auto 
      response="{{data}}" 
      on-core-response="{{ajaxHandler}}" 
      url="http://date.jsontest.com" 
      handleAs="json"></core-ajax> 
    <h1>{{data.date}}: {{data.time}}</h1> 
</template> 

<script> 
    addEventListener('template-bound', function(e) { 
    // do something else with response 
    e.target.ajaxHandler = function(event) { 
     console.log(event.target.response); 
    } 
    }); 
</script>