如何觸發Ajax（ <iron-ajax > ）叫聚合物？

Question

我只想在一些javascript函數中觸發ajax

我的代碼在這里：

<template is="dom-bind" id="app"> 
<iron-ajax auto url="{{ path('polymer_get_file') }}" handle-as="json" last-response="{{ '{{attachmentResponse}}' }}">
</iron-ajax>
  <vaadin-grid items="{{attachmentResponse.results' }}">
    <table>
      <colgroup>
        <col name="index">
        <col name="file"/>
        <col sortable name="file"/>
        <col name="type"/> 
      </colgroup> 
    </table>
  </vaadin-grid></template><script> function onClick (){
   // Here i need to trigger iron-ajax } </script>

Answer 1

您可以調用<iron-ajax>的generateRequest() ：

<template is="dom-bind" id="app">
  <button on-tap="onClick">Send</button>
  <iron-ajax id="ajax" ...></iron-ajax>
</template>

<script>
  var app = document.getElementById('app');
  app.onClick = function() {
    this.$.ajax.generateRequest();
  };
</script>

 HTMLImports.whenReady(() => { const app = document.getElementById('app'); app.onClick = function() { this.response = null; this.$.ajax.generateRequest(); }; app.json = function(obj) { return JSON.stringify(obj, null, 2); }; });

 <head> <base href="https://polygit.org/polymer+1.11.3/components/"> <script src="webcomponentsjs/webcomponents-lite.js"></script> <link rel="import" href="polymer/polymer.html"> <link rel="import" href="iron-ajax/iron-ajax.html"> </head> <body> <template is="dom-bind" id="app"> <button on-tap="onClick">Send</button> <iron-ajax id="ajax" url="//httpbin.org/get" last-response="{{response}}"></iron-ajax> <pre>[[json(response)]]</pre> </template> </body>

codepen

如何觸發Ajax（ <iron-ajax > ）叫聚合物？

問題描述

1 個解決方案

解決方案1
3 2017-01-02 13:29:43

如何觸發Ajax（ <iron-ajax > ）叫聚合物？

問題描述

1 個解決方案

解決方案1 3 2017-01-02 13:29:43

解決方案1
3 2017-01-02 13:29:43