聚合物铁-ajax柱法不起作用

Question

我在学聚合物。我无法使用<iron-ajax>计算要“发布”的代码。我使用的是一个在线测试API (https://reqres.in/)，我应该用状态代码200接收这个响应：

{"token": "QpwL5tke4Pnpja7X"}".

我找不到一个教程来展示一个POST示例。过去24小时，我一直在网上搜索，但一切都是关于GET的，而不是POST。

如果任何熟悉<iron-ajax>的人都能检查我的代码，并帮助我让它工作，或者找出如何编写正确的代码，对于像我这样的初学者来说，这将是非常有帮助的。

1. body属性中的代码正确吗？
2. 响应是200状态代码还是令牌？

Answer 1

• 您的HTML格式错误(可能是复制粘贴错误？)iron-ajax的属性应该在开头标记中，如下所示：
• 您可能打算将handleResponse属性绑定到.lastResponse，后者包含对AJAX请求的响应。 请注意，<p>{{handleResponse}}</p>的绑定将将响应对象呈现为[object Object]。如果您想查看响应内容，您必须使用一个返回字符串的计算绑定 (例如，使用JSON.stringify())，如下所示： // json(handleResponse) //类XFoo扩展Polymer.Element {.{返回JSON.stringify(obj)；}
• <iron-ajax>.body的属性值应该单引号，如下所示：

完整的示例应该如下所示：

<dom-module id="x-foo">
  <template>
    <iron-ajax
              auto
              method="post"
              url="//httpbin.org/post"
              body='[{"foo": "{{foo}}"}]'
              handle-as="json"
              content-type="application/json"
              last-response="{{lastResponse}}"
              >
    </iron-ajax>
    <pre>[[json(lastResponse)]]</pre>
  </template>
  <script>
    class XFoo extends Polymer.Element {
      static get is() { return 'x-foo'; }

      static get properties() {
        return {
          foo: {
            type: String,
            value: 'bar'
          }
        }
      }

      json(obj) {
        return JSON.stringify(obj, null, 2);
      }
    }
    customElements.define(XFoo.is, XFoo);
  </script>
</dom-module>

演示