1

我对编码还是很陌生。为了练习编码，我尝试让一个 API（来自 Rijksmuseum）运行。到目前为止，它已经奏效，正如您在此处看到的那样：

http://plnkr.co/edit/jCYxJz?p=preview

  <p>You searched for: {{query}}</p>
  <form>
    <label id="label" for="name">Change your query:</label>
    <input type="text" id="name">
    <button on-click="{{ myFunction }}" type="submit">Commit changes</button>
  </form>
  <core-ajax 
    url="https://www.rijksmuseum.nl/api/nl/collection?maker={{query}}&ps=30&key=ssCRX6qW&format=json&imgonly=true&s=chronologic&f.dating.period={{period}}" 
    auto 
    response="{{response}}">
  </core-ajax>

我的问题是：

在当前页面的顶部，正如您在 Plunker 中看到的那样，用户被告知“您搜索了..”，然后为用户提供了一个输入字段来手动更改搜索查询。现在..我如何让该领域真正发挥作用？

当前的搜索查询是通过 Index.html 传输的，我必须在其中将其作为属性值输入。然后将其发送到 Rijksmuseum.html 文件，在该文件中由聚合物元素拾取。

有人对如何完成这项工作有任何提示吗？

提前谢谢！

4

1 回答 1

1

为 ajax 元素分配一个 ID，称为“ajax”。从您的按钮中删除 type="submit" ，这将使您的页面刷新。更改您的 myFunction 以匹配下面的 1。

    myFunction: function() {
      var query = this.$.name.value;
      this.query = query;
      this.$.ajax.go();
    //alert("Thanks for committing!!");
  }

也是一个叉子，所以你可以看到它工作 http://plnkr.co/edit/jGZpc6jNy6IinBKGB4ip?p=preview

于 2014-11-29T01:05:07.610 回答