javascript - 如何使用用户输入通过iron-ajax发出REST请求

Question

我试图为网页提供几个下拉选择菜单和一个按钮。单击按钮时，带有 JSON 对象的 POST 请求将被发送到 url，并返回带有 JSON 对象的响应。 Iron-ajax 支持此功能吗？

文档显示params可用于设置 JSON 对象。逻辑是不是如下？

• 设置params将iron-ajax的值传递给DOM的某个变量
• 写一个buttonClicked()按钮按下的函数，它从下拉部分菜单中更新 DOM 的变量，并调用 generateRequest() Iron-ajax 的方法

文档中的示例如下

<iron-ajax
auto
url="https://www.googleapis.com/youtube/v3/search"
params='{"part":"snippet", "q":"polymer", "key": "YOUTUBE_API_KEY", "type": "video"}'
handle-as="json"
on-response="handleResponse"
debounce-duration="300"></iron-ajax>

鉴于所描述的策略有效，我的问题是

• 我要删除auto吗？避免它自动发送请求？
• 是params吗？作业看起来像 params= '{{myJsonString}}'
• 如何调用generateRequest()特定的iron-ajax对象(假设页面中有多个iron-ajax标签)？

Answer 1

do I delete auto to avoid it sending request automatically?

是的

does the params assignment look something like params= '{{myJsonString}}'

删除单引号:params="[[myJsonObject]]"myJsonObject 是一个普通的 javascript 对象，例如:

{
  param1 : 'param1 value',
  param2 : 'param2 value'
}

请注意，如果要绑定(bind)到 params 属性，则必须使用 JavaScript 对象而不是其字符串。

how to call the generateRequest() of a specific iron-ajax object (assuming there are multiple iron-ajax tags in the page)?

您可以为您的 iron-ajax 标签分配一个 id:

<iron-ajax id="myAjax1"
    auto
    url="https://www.googleapis.com/youtube/v3/search"
    params='{"part":"snippet", "q":"polymer", "key": "YOUTUBE_API_KEY", "type": "video"}'
    handle-as="json"
    on-response="handleResponse"
    debounce-duration="300"></iron-ajax>

并从您的 JavaScript 代码中获取它，如下所示:

this.$.myAjax1