polymer - 使用 core-ajax Polymer 元素进行基本身份验证

Question

有没有人尝试使用 Polymer 中的 core-ajax 元素通过基本身份验证从 URL 检索数据？

这是我使用的标准元素:

<core-ajax id="ajax"
                   auto
                   url="hereIputmyURL"
                   handleAs="json"
                   method="GET"
                   on-core-response="{{postsLoaded}}"
                   >
    </core-ajax>

我在这里 ( http://un.codiert.org/2014/09/polymer-core-ajax-basic-authorization/ ) 发现我需要添加这个 JS

this.$.ajax.headers='{"X-Requested-With": "XMLHttpRequest"' + ', "Authorization": "Basic ' + btoa(this.username + ":" + this.password) + '"}';

我不确定我必须在哪里添加 JS...

Answer 1

看起来像这样......

<template>
  <core-ajax id="ajax" auto url="hereIputmyURL" 
             handleAs="json" method="GET" 
             on-core-response="{{postsLoaded}}">
  </core-ajax>
  <div>
    <content></content>
  </div>
</template>
<script>
  Polymer({
    ready: function(){
       this.$.ajax.headers = '{"X-Requested-With": "XMLHttpRequest"' + 
                          ', "Authorization": "Basic ' + btoa(this.username 
                          + ":" + this.password) + '"}';
       });
    }
</script>
</polymer-element>