Как использовать ajax-формы с полимером?

Question

Я пытаюсь создать простое веб-приложение, используя полимер.

У меня есть адрес электронной почты, имя и флажок для пользователя.

Что я хотел бы сделать, так это когда пользователь вводит свою информацию в эти входы, данные сохраняются и отправляются мне.

Я понимаю, что это может быть вопрос новичка, но мне трудно заставить его работать с платформой Polymer.

Ниже мой код. HTML

<paper-input-decorator id="decorator" label="{{label}}" floatinglabel="{{floatingLabel}}" value="{{value}}" disabled?="{{disabled}}">
    <input is="core-input" value="{{value}}" committedvalue="{{committedValue}}" on-change="{{changeAction}}" method="post" disabled?="{{disabled}}">
  </paper-input-decorator>

Answer 1

HTML

<link rel="import" href="../../bower_components/ajax-form/ajax-form.html">
<link rel="import" href="../../bower_components/paper-button/paper-button.html">
<link rel="import" href="../../bower_components/paper-input/paper-input.html">

<form id="doSomethingForm" is="ajax-form" action="/api/doSomething" method="post">
    <paper-input label="Name" type="text" name="name"></paper-input>
    <paper-input label="Email" type="text" name="email"></paper-input>
    <paper-button id="submitButton" raised on-tap="{{submit}}">Submit</paper-button>
</form>

Javascript

Polymer({
    submit: function() {
        this.$.doSomethingForm.submit();
    }
});

Это отправит POST-вызов на ваш сервер в конечной точке /api/doSomething с параметрами name а также email