如何使用action-xhr和admin-post發送AMP表單電子郵件

Question

我在wordpress中有一個網站，我在AMP中做了一些頁面，但我需要使用AMP製作兼容表單，here我有文檔，我主要將「action-xhr」與wordpress連接起來有些困難。我試圖建立一個永恆的文件，但我有錯誤。

<form target="_top" action-xhr="https://mywebsite.com/wp-admin/admin-post.php" method="post" name="test"> 
     <input type="text" name="name" value="Name"> 
     <input type="submit"/> 
    </form> 

Answer 1

使用此代碼，如果你在這個整合面臨的任何問題，請讓我知道..

<?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]"; 

     /*//-->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--*/ 
      header("Access-Control-Expose-Headers: 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(); 
     } 
    }?>