javascript - iron-request 不会提出超过一个请求

Question

我正在使用 Polymer 2图书馆。每当我尝试使用 iron-request 发出多个请求时，代码似乎只在第一次启动时发出 POST 请求。任何后续请求似乎都会被忽略，即使设置为发送到服务器的数据与初始请求不同。

我在这个 Plunker 中写了一个小例子:https://plnkr.co/edit/cozVKUdQ2q2SV46rcCTL?p=preview

我创建了一个 iron-request 和一个按钮元素来启动请求，如下所示:

<paper-button on-click="save" class="green">Send</paper-button>
...
<iron-request id="xhr"></iron-request>

保存功能设置为从文本区域获取文本并将其发送到服务器。

save() {
    var response = this.$.xhr.send({
      url: "https://httpbin.org/post",
      headers: {
        'content-type': 'application/x-www-form-urlencoded'
      },
      body: {
        content: this.inputdata
      },
      method: "POST"
    });
    var poly = this;
    this.$.xhr.completes.then(function(data) {
      console.log("finished");
      poly.$.responsetext.innerHTML = data.response;
    })

有问题的代码在“element1.html”文件中。如果您尝试发送不同的文本负载，则只会发送第一个请求。 (您可以在响应框中看到表单“内容”字段保持不变。)

知道发生了什么事吗？我在想，每次我需要提出新请求时，我都必须创建新的 iron-request 元素……但这听起来不是一个非常优雅的解决方案。

Answer 1

如您所料，iron-request已构建为发送单个 HTTP 请求。我快速浏览了它的实现。 send方法实际上只会返回 null如果请求的状态大于 0，则不执行任何操作，如果您之前使用过，就会出现这种情况。

虽然您可以创建一个新的 iron-request每个请求的元素，它并不优雅(正如你自己所说)。相反，您可以使用 iron-ajax .您可以在其 documentation page 上找到一些说明。 .

你的 <iron-request>可以改写成这样。

<iron-ajax id="xhr" url="https://httpbin.org/post" content-type="application/x-www-form-urlencoded" method="POST" body="[[inputdata]]" on-response="onXhrSuccess"></iron-ajax>

你的保存功能，

save() {
    this.$.xhr.generateRequest();
}

onXhrSuccess(event, request) {
    console.log("finished");
    poly.$.responsetext.innerHTML = event.detail.response;
}