申请表格上无团体提交

Question

嗨，伙计们，我正在学习如何使用AMP，并且遇到了一个问题，在这个问题上，我的api请求带着一个空的身体回来了。我的get路线运作良好，我的邮寄路线适用于非AMP表单提交。

如果有人能让我知道我做错了什么，我们会很感激的！

HTML的AMP表单，从放大器网站&不包含放大器错误的加载。

<form method="post" action-xhr="/subscribe" target="_top" style="width: 75%; margin: auto;">
            <fieldset>
                <label>
                    <span>Name:</span>
                    <input type="text" name="name" required>
                </label>
                <br>
                <label>
                    <span>Email:</span>
                    <input type="email" name="email" required>
                </label>
                <br>
                <input type="submit" value="Subscribe">
            </fieldset>
            <div submit-success>
                <template type="amp-mustache">
                    Subscription successful!
                </template>
            </div>
            <div submit-error>
                <template type="amp-mustache">
                    Subscription failed!
                </template>
            </div>
        </form>

API路由，获取工作良好，而post适用于非AMP表单。

module.exports = function (app) {
    // Subs get
    app.get("/api/all", function (req, res) {
        Sub.findAll({}).then(function (results) {
            res.json(results);
        });

    });

    // Subs post
    app.post("/subscribe", function (req, res) {
        console.log("Sub Data:");
        console.log(req.body);        
    });
};

Answer 1

对于AMP表单，首先也是最重要的是使用以下脚本

<script async="" custom-element="amp-form" src="https://cdn.ampproject.org/v0/amp-form-0.1.js"></script>

其次，您的操作-xhr必须是完全域路径，并且必须是HTTPS。

从这里开始

action-xhr="/subscribe"

到这个

action-xhr="https://yourdomain.com/subscribe"