polimer żelazo-ajax: Jak powiązać dane z elementu wejściowego z atrybutem ciała iron-ajax

Question

Niedawno miałem problemy z wiązaniem danych z elementu wejściowego z atrybutem "ciało" żelaza-ajax. Kiedy stosuje rdzeń AJAX na polimeru 0,5, można łatwo związać Takie wartości:

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

Teraz próbował samo żelazem AJAX. Ale wysyła dosłownie "{{username}}" i "{{password}}" zamiast ich wartości. Oto kod:

Jak to działa? Dziękuję za twoje odpowiedzi :)

Answer 1

Możesz zadeklarować właściwość obliczoną dla ciała ajax. Podobnie jak

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

a następnie dodanie go na żelazo-ajax

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

Answer 2

Inną opcją jest użycie Computed Bindings

Twój kod będzie wyglądać następująco:

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