2014-12-12 3 views
2

Я просто хочу знать, могу ли я извлечь заголовки ответов из элемента ядра-ajax?Извлечение ответных заголовков из core-ajax

Ниже приведен фрагмент кода, который я тестирую с помощью объекта «detail», но в объекте «xhr» внутри детали нет заголовка ответа, только статус и responseText/body и т. Д. Консоль. логические операторы просто пытаются определить, где находится заголовок ответа.

<body> 
<template id="main" is="auto-binding"> 
<paper-input-decorator label="Email" floatinglabel="true" isInvalid="{{invalid}}" error="Not an email"> 
    <input is="core-input" value="{{email}}"></input> 
</paper-input-decorator> 
<core-ajax id="ajax" 
      auto="true" 
      url="http://www.mocky.io/v2/548a185d479e7f5618c59c1b" 
      method="POST" 
      handleAs="json" 
      response="{{response}}" 
      body='{"email":"{{email}}"}' 
      contentType="application/x-www-form-urlencoded" 
      on-core-complete="{{responseHandler}}"> 
</core-ajax> 
</template> 
<script> 
var main = document.querySelector("#main"); 
main.email = "[email protected]" 
main.responseHandler = function(event, detail, sender) { 
    console.log(event); 
    console.log(detail.xhr); 
    console.log(sender); 
    console.log(main.response); 
} 
</script> 
</body> 

Могу ли я извлечь заголовок ответа от основного-Аякса элемента, если не как я идти об этом без JQuery? Любая помощь очень ценится? Благодарю.

ответ

1

это выполнимо.

посмотрите в следующее:

<link rel="import" href="../bower_components/polymer/polymer.html" /> 
<link rel="import" href="../bower_components/core-ajax/core-ajax.html" /> 
<polymer-element name="x-ajax"> 
    <template> 
     <core-ajax auto url="http://gdata.youtube.com/feeds/api/videos/?alt=json&q=chrome" 
        response="{{resp}}" 
       on-core-response="{{handler}}"></core-ajax> 
     <textarea value="{{resp}}"></textarea> 
    </template> 
    <script> 
     Polymer({ 
      handler: function (event, detail, sender) { 
       var header = detail.xhr.getResponseHeader('content-type'); 
      } 
     }); 

    </script> 
</polymer-element> 

первую очередь использовать on-core-response второй - использовать метод getResponseHeader из XmlHttpRequest для получения требуемого заголовка

Смежные вопросы