polymer iron-ajax: Come legare i dati dall'elemento input all'attributo body-ajax di ferro-

Question

Recentemente ho problemi con il binding dei dati dall'elemento input all'attributo "body" di iron-ajax. Quando usato core-ajax sul polimero 0,5, posso facilmente associare valori simili:

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

Ora provato la stessa cosa con ferro-ajax. Ma invia letteralmente "{{username}}" e "{{password}}" invece dei loro valori. Ecco il codice:

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

Come farlo funzionare? Grazie per le vostre risposte :)

Answer 1

È possibile dichiarare una proprietà calcolata per il corpo dell'ajax. Come così

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

E poi aggiungerlo su ferro-ajax

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

Answer 2

Un'altra opzione è quella di utilizzare Computed Bindings

il codice sarà simile a questa:

<iron-ajax 
     ... 
     body="{{getAjaxBody(username, password}}}" 
     > 
</iron-ajax> 
<script> 
Polymer({ 
    ..... 
    getAjaxBody: function(username, password) { 
    return JSON.stringify({username: username, password: password}); 
    } 
}) 
</script>