javascript - polymer 铁-ajax : How to Bind data from input element to iron-ajax's body attribute

Question

我最近在将输入元素的数据绑定(bind)到 iron-ajax 的“body”属性时遇到了问题。当我在 polymer 0.5 上使用 core-ajax 时，我可以像这样轻松地绑定(bind)值:

<core-ajax
           id="ajax"
           method="POST" 
           contentType="application/json"
           url="{{url}}"   
           body='{"username":"{{username}}", "password":"{{password}}"}'
           handleAs="json"
           on-core-response="{{responseHandler}}">
</core-ajax>

现在我用 iron-ajax 尝试了同样的事情。但它按字面意思发送“{{username}}”和“{{password}}”而不是它们的值。这是代码:

<iron-ajax
           id="ajax"
           method="POST" 
           contentType="application/json"
           url="{{url}}"   
           body='{"username":"{{username}}", "password":"{{password}}"}'
           handle-as="json"
           on-response="responseHandler">
</iron-ajax>

如何让它发挥作用？谢谢你的回答:)

Answer 1

您可以为 ajax 主体声明一个计算属性。像这样

properties: {
    ...
    ajaxBody: {
        type: String,
        computed: 'processBody(username, password)'
    }
},
processBody: function(username, password) {
    return JSON.stringify({username: username, password:password});
}

然后将其添加到 iron-ajax 上

<iron-ajax ... body="{{ajaxBody}}"></iron-ajax>