如何以“铁形式”发送请求标头？答案

【问题标题】：How to send request headers in "iron-form"?如何以“铁形式”发送请求标头？
【发布时间】：2016-12-19 19:10:07
【问题描述】：

我正在使用 Polymer 1.7.0。如何在<iron-form> 中发送请求标头？

我试过这个：

form.addEventListener('iron-form-presubmit', function(event) {
    var headers = {'akash':'akash'};
    event.target.request.requestHeaders = headers;
    console.log(event.target.request.requestHeaders);
});

它记录了以下文本，但请求中没有我的标头。

console.log(event.target.request.requestHeaders); ==> "Object {content-type: "application/x-www-form-urlencoded"}"

【问题讨论】：

标签： polymer polymer-1.0

【解决方案1】：

<iron-form>.request 属性是一个<iron-ajax>，而<iron-ajax>.requestHeaders 实际上不是一个可设置的属性。请改用<iron-ajax>.headers 属性

form.addEventListener('iron-form-presubmit', function(event) {
  var headers = {'akash':'akash'};
  event.target.request.headers = headers;
});

codepen

【讨论】：

【解决方案2】：

我们可以使用这两种方式添加标题：

<form is="iron-form" id="form" method="POST" action="/" on-iron-form-response="responseHandler" on-iron-form-error="errorHandler" headers = '{"akash":"akash"}'>

<template> <content></content> <div class="layout vertical parent-style"> <form is="iron-form" id="form" method="POST" action="/" on-iron-form-response="responseHandler" on-iron-form-error="errorHandler"> </form> </div>

function handleLoginAction(event)
 {
    var form = Polymer.dom(event).localTarget.parentElement.parentElement;  // Get Form ref from DOM.

    form.headers = "{'akash':'akash'}";

    form.submit();
 }

form.addEventListener('iron-form-presubmit', function(event) {
console.log("Headers--------------");
console.log(event.target.request.requestHeaders);   // {'akash':'akash'}
});


 </script>
</template>`

【讨论】：