Базовая аутентификация с элементами core-ajax Polymer

Question

Кто-нибудь пытался получить данные из URL с помощью базовой аутентификации, используя элемент core-ajax в Polymer?

это стандартный элемент, который я использую:

<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>

Answer 2

Нашел это сработало для меня. Просто нашел вызов переменной js сработало.

<core-ajax
    url="http://some.url"
    handleAs="json"
    method="post"
    on-core-response="{{getDetails}}"
    headers="{{headers}}"></core-ajax>



Polymer('element_name', {
    username: 'usernmae',
    password: 'password',
    headers: '{"X-Requested-With": "XMLHttpRequest"' + ', "Authorization": "Basic ' + btoa(this.username + ":" + this.password) + '"}',

Answer 3

Вы пробовали атрибут "headers" для ajax-core? Как это:

    <core-ajax id="ajax"
                   auto
                   url="hereIputmyURL"
                   handleAs="json"
                   method="GET"
                   on-core-response="{{postsLoaded}}"
                   headers = '{"X-Requested-With": "XMLHttpRequest"}'
                   >
    </core-ajax>