如何以「鐵形式」發送請求標題？

Question

我正在使用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"}"

Answer 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

Answer 2

我們可以使用此兩種方法添加頁眉：

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

2. <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>`