问题：

AMP表单提交重定向或响应

苗信鸥

2023-03-14

早上好，我在一个测试AMP页面上有一个表单（是AMP验证），表单工作：我收到了带有结果的电子邮件（我使用一个php来处理它）。我不知道（我做了一些尝试，但我想我仍然错过了一个例子）让AMP页面正确响应的语法（现在我得到订阅失败！但我确实收到了电子邮件）或提交后重定向。这里我的例子：

AMP带有表单的页面（我在提交后收到表单结果，但我不知道如何重定向或获得“订阅成功！”（信息）

带有表单的非AMP页面（我收到表单结果并正确重定向）

action xhr文件目标代码：这里的php代码为txt格式（处理表单结果的文件）

任何例子对我来说都很棒，也只是关于重定向。谢谢你们

共有3个答案

袁谭三

2023-03-14

谢谢你在这里的指导。我也无法让这个代码工作。我已经把代码上传到我的服务器上并进行了在线测试。点击〖提交〗按钮，提交的文本消失；没有成功或错误消息。我的收件箱从未收到该电子邮件。

以下是我使用的确切代码，只是将“mywebsite”替换为我网站的真实名称：

<!doctype html>
<html amp lang="en">
  <head>
    <meta charset="utf-8">
    <script async src="https://cdn.ampproject.org/v0.js"></script>
    <title>FORM TEST</title>
    <link rel="canonical" href="http://mywebsite.com/index.html" />
    <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
    <script type="application/ld+json">
      {
        "@context": "http://schema.org",
        "@type": "NewsArticle",
        "headline": "Open-source framework for publishing content",
        "datePublished": "2015-10-07T12:02:41Z",
        "image": [
          "logo.jpg"
        ]
      }
    </script>
    <style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
    <script async custom-element="amp-form" src="https://cdn.ampproject.org/v0/amp-form-0.1.js"></script>
  </head>
  <body>
    <h1>FORM TEST!</h1>
      <form target="_top" action-xhr="http://mywebsite.com/MAILER2.php" method="post" name="test">
        <input type="text" name="name" value="Enter your name here...">
        <input type="submit"/>
    </form>
  </body>
</html>

<?php
if(!empty($_POST))
{
    $name = $_POST['name'];

    /*/ this is the email we get from visitors*/
    $domain_url = (isset($_SERVER['HTTPS']) ? "https" : "http") . "://$_SERVER[HTTP_HOST]";
    $redirect_url = 'http://mywebsite.com/index.html';

    /*//-->MUST BE 'https://';*/
    header("Content-type: application/json");
    header("Access-Control-Allow-Credentials: true");
    header("Access-Control-Allow-Origin: *.ampproject.org");
    header("AMP-Access-Control-Allow-Source-Origin: ".$domain_url);


    /*/ For Sending Error Use this code /*/
    if(!mail("admin@mywebsite.com" , "Test submission" , "email: $name <br/> name: $name" , "From: $name\n ")){
        header("HTTP/1.0 412 Precondition Failed", true, 412);

        echo json_encode(array('errmsg'=>'There is some error while sending email!'));
        die();
    }
    else
    {
        /*/--Assuming all validations are good here--*/
        if( empty($redirect_url))
        {
            header("Access-Control-Expose-Headers: AMP-Access-Control-Allow-Source-Origin");
        }
        else
        {
            header("AMP-Redirect-To: ".$redirect_url);
            header("Access-Control-Expose-Headers: AMP-Redirect-To, AMP-Access-Control-Allow-Source-Origin");        }
            echo json_encode(array('successmsg'=>$_POST['name'].'My success message. [It will be displayed shortly(!) if with redirect]'));
        die();
    }
}?>

东方英豪

2023-03-14

这篇文章帮助我为C创建了一个AMP重定向响应#谢谢：

public virtual ActionResult AmpRedirect(string redirectUrl, string __amp_source_origin)
{
    if (redirectUrl != string.Empty)
    {   
        HttpContext.Response.AddHeader("AMP-Redirect-To", redirectUrl);
        HttpContext.Response.AddHeader("AMP-Access-Control-Allow-Source-Origin", __amp_source_origin);
        HttpContext.Response.AddHeader("Access-Control-Expose-Headers", "AMP-Redirect-To, AMP-Access-Control-Allow-Source-Origin");
    }

    HttpContext.Response.AddHeader("Content-type", "text/json");
    return Json(new {Content = ""});
}

林烨烨

2023-03-14

您可以在成功提交后重定向用户，但只有将值提交到安全URL（如https://www.example.com)。

超文本标记语言

<!doctype html>
<html amp lang="en">
  <head>
    <meta charset="utf-8">
    <script async src="https://cdn.ampproject.org/v0.js"></script>
    <title>Hello, AMPs</title>
    <link rel="canonical" href="http://example.ampproject.org/article-metadata.html" />
    <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
    <script type="application/ld+json">
      {
        "@context": "http://schema.org",
        "@type": "NewsArticle",
        "headline": "Open-source framework for publishing content",
        "datePublished": "2015-10-07T12:02:41Z",
        "image": [
          "logo.jpg"
        ]
      }
    </script>
    <style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
    <script async custom-element="amp-form" src="https://cdn.ampproject.org/v0/amp-form-0.1.js"></script>
  </head>
  <body>
    <h1>Hello World!</h1>
      <form target="_top" action-xhr="https://test.php" method="post" name="test">
        <input type="text" name="name" value="ABRA KA DABRA!">
        <input type="submit"/>
    </form>
  </body>
</html>

PHP中的提交请求处理程序代码

<?php
if(!empty($_POST))
{
    $name = $_POST['name'];

    /*/ this is the email we get from visitors*/
    $domain_url = (isset($_SERVER['HTTPS']) ? "https" : "http") . "://$_SERVER[HTTP_HOST]";
    $redirect_url = 'https://example.com/thank-you';

    /*//-->MUST BE 'https://';*/
    header("Content-type: application/json");
    header("Access-Control-Allow-Credentials: true");
    header("Access-Control-Allow-Origin: *.ampproject.org");
    header("AMP-Access-Control-Allow-Source-Origin: ".$domain_url);


    /*/ For Sending Error Use this code /*/
    if(!mail("email@example.com" , "Test submission" , "email: $name <br/> name: $name" , "From: $name\n ")){
        header("HTTP/1.0 412 Precondition Failed", true, 412);

        echo json_encode(array('errmsg'=>'There is some error while sending email!'));
        die();
    }
    else
    {
        /*/--Assuming all validations are good here--*/
        if( empty($redirect_url))
        {
            header("Access-Control-Expose-Headers: AMP-Access-Control-Allow-Source-Origin");
        }
        else
        {
            header("AMP-Redirect-To: ".$redirect_url);
            header("Access-Control-Expose-Headers: AMP-Redirect-To, AMP-Access-Control-Allow-Source-Origin");        }
            echo json_encode(array('successmsg'=>$_POST['name'].'My success message. [It will be displayed shortly(!) if with redirect]'));
        die();
    }
}?>

类似资料：

表单提交后，AMP表单不会重定向到感谢

表单提交成功后，页面不会重定向到感谢页面，在控制台上，我得到了错误响应，因为AMP4Email不支持重定向。请让我知道重定向功能何时工作。我们正在使用在Php中，我添加了重定向头
AMP PHP联系人表单不重定向（谷歌AMP）

我有AMP中的HTML表单，带有POST操作；电子邮件的PHP文件使用Sendgrid API。我尝试了Json重定向的headers响应，但不起作用。出于这个原因，我应用了JavaScript重定向（是的，我知道，这会为AMP验证生成错误，但我需要重定向到跟踪在线转换的感谢页面）。 PHP文件工作正常，所有电子邮件都是发送的，但没有JavaScript重定向，只有电子邮件发送的div成功或错误
Amp表单提交标头错误

提交表单时出错当请求的凭据模式为“包括”时，响应中的“访问控制允许来源”标头的值不得为通配符“*”。起源'https://local.oto.com因此，不允许访问。
如何提交不带重定向的html表单？

问题内容：如果我有这样的表格：如何提交而不通过JavaScript / Jquery重定向到另一个视图？我从StackOverflow阅读了很多答案，但是所有这些答案都将我重定向到POST函数返回的视图。问题答案：为了实现您想要的，您需要使用jquery ajax，如下所示：更新：（基于下面的评论）试试这个： UPDATE 2 （OP添加了此部分，因为这是他的最终解决方案）这完美无
Amp表单不会重定向到其他页面

我有一个输入栏，在提交时必须重定向到另一个https页面（包含谷歌搜索）。表格的代码如下所示：我也添加了amp表单扩展。官方文件说：提交amp表单后重定向还允许发布者在提交发生后通过amp重定向到响应标题将用户重定向到新页面。请注意，您还必须更新访问-控制-暴露-报头响应报头，以将AMP重定向到允许报头的列表中。重定向URL必须是绝对HTTPS URL，否则AMP将抛出错误，重定向将不会发
提交表单Laravel后根据单选按钮重定向

我想通过选择单选按钮，然后单击立即购买按钮，重定向到在线支付页面或钱包支付页面。当我点击buy now按钮时，表格也会提交。这是一个订单页面，人们将填写表单，然后选择产品，然后选择付款类型。此页面将把数据带到数据库，然后将这些数据显示到下一页面，即钱包支付或在线支付。我是拉雷维尔的新手。如果有人能给出解决方案，那将非常有帮助。

AMP表单提交重定向或响应

共有3个答案

相关问答

相关文章

相关阅读

相关工具

相关文档