如何将 ajax 形式与聚合物一起使用？答案

【问题标题】：How use ajax-forms with polymer?如何将 ajax 形式与聚合物一起使用？
【发布时间】：2015-07-26 21:02:49
【问题描述】：

我正在尝试使用聚合物创建一个简单的网络应用程序。

我有一个用户的电子邮件、姓名和复选框字段。

我想做的是当用户将他们的信息输入这些输入时，数据会被存储并发送给我。

我知道这可能是一个新手问题，但我发现很难让它与 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>

【问题讨论】：

标签： jquery html ajax polymer ajax-forms

【解决方案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();
    }
});

这将使用参数name 和email 向端点/api/doSomething 上的服务器发送POST 调用

【讨论】：

太棒了！感谢您的回复。这很有帮助。如果您不介意，我有几个简单的问题。 1. 在 'action="doSomething"' 下，我可以在其中放置哪些示例？该文件将位于何处？对不起，如果这是一个愚蠢的问题。我只是不知道如何设置后端或服务器端点。
取决于您选择的语言。如果你使用 Python，你应该尝试webapp2 来设置你的服务器端点。