收到 onApprove PayPal 后发送邮件
Posted
技术标签:
【中文标题】收到 onApprove PayPal 后发送邮件【英文标题】：Send mail after receive onApprove PayPal 【发布时间】：2021-12-24 22:59:19 【问题描述】：我正在尝试在收到 onApprove 时发送邮件，但我不知道该怎么做。所以，这是我的 index.html：
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>Fede Pistone</title>
<!-- Internos -->
<link rel="stylesheet" type="text/css" href="css/index.css">
<!-- Externos -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
<body>
<h3>Formulario de Contacto</h3>
<div class="container">
<form method="POST" id="myForm" action="enviarmail.php" >
<label for="nombre">Nombre:</label>
<input type="text" id="nombre" name="nombre" placeholder="Ingresa tu nombre...">
<label for="apellido">Apellido</label>
<input type="text" id="apellido" name="apellido" placeholder="Ingresa tu apellido...">
<label for="email">Email</label>
<input type="text" id="email" name="email" placeholder="Ingresa tu email...">
<label for="mensaje">Mensaje:</label>
<textarea id="mensaje" name="mensaje" placeholder="Ingresa tu consulta..." style="height:200px"></textarea>
<div id="smart-button-container">
<div style="text-align: center;">
<div id="paypal-button-container" name="divPayPal"></div>
</div>
</div>
</form>
</div>
<p>Al presionar el botón, se abrirá un formulario en el cuál deberá abonar un monto de u$s20. <br>Recuerde que al presionarlo, usted está aceptando esto. <br>Una vez procesado el pago, recibirá un mail con un link para una reunión virtual con un horario específico. <br>Por favor, consulte en su bandeja de entrada y/o spam.</p>
<script src="https://www.paypal.com/sdk/js?client-id=sb&enable-funding=venmo¤cy=USD" data-sdk-integration-source="button-factory"></script>
<script>
function initPayPalButton()
paypal.Buttons(
style:
shape: 'rect',
color: 'gold',
layout: 'vertical',
label: 'paypal',
,
createOrder: function(data, actions)
return actions.order.create(
purchase_units: ["description":"Ejemplo de botón","amount":"currency_code":"USD","value":20]
);
,
onApprove: function(data, actions)
var nombre = document.getElementById('nombre').value;
var apellido = document.getElementById('apellido').value;
var nombreJunto = nombre + " " + apellido;
var mailForm = document.getElementById('email').value;
var mensajeForm = document.getElementById('mensaje').value;
$.ajax(
url: "enviarmail.php",
method: "POST",
data: action: 'e-mail', nombre: nombreJunto, email: mailForm, mensaje: mensajeForm,
dataType: "json",
success: function(response)
if(response.status == 200)
console.log(response + "status: " + response.status);
const element = document.getElementById('paypal-button-container');
element.innerHTML = '';
element.innerHTML = '<h3>Gracias, nos estaremos comunicando contigo a la brevedad.</h3>';
else
console.log(response);
)
,
onError: function(err)
const element = document.getElementById('paypal-button-container');
element.innerHTML = '';
element.innerHTML = '<h3>Ha ocurrido un error, reintente más tarde. </h3>';
console.log(err);
).render('#paypal-button-container');
initPayPalButton();
</script>
</body>
</html>
这是我发送邮件的 php 文件：
<?php
function json_output($status = 200, $msg = 'OK', $data = null)
header("Content-Type: application/json; charset=UTF-8");
return json_encode([
'status' => $status,
'msg' => $msg,
'data' => $data
]);
die;
if(isset($_POST["nombre"]) && isset($_POST["email"]) && isset($_POST["mensaje"]) )
$to = "francojoelbalsamo@gmail.com";
$subject = "Datos de formulario de contacto";
$contenido .= "Nombre: ".$_POST["nombre"]."\n";
$contenido .= "Apellido: ".$_POST["apellido"]."\n";
$contenido .= "Email: ".$_POST["email"]."\n\n";
$contenido .= "Mensaje: ".$_POST["mensaje"]."\n\n";
$header = "From: francojoelbalsamo@gmail.com\nReply-To:".$_POST["email"]."\n";
$header .= "Mime-Version: 1.0\n";
$header .= "Content-Type: text/plain; charset=\"UTF-8\"\r\n";
$header .= "Content-Transfer-Encoding: 8bit\r\n";
if(mail($to, $subject, $contenido ,$header))
json_output();
else
json_output();
?>
所以，这是我收到onApprove的时候：
onApprove: function(data, actions)
php 文件工作正常，因为我正在做测试并且工作正常，现在我需要在收到 onAppove 后发送邮件，但我是这方面的新手，我不知道该怎么做，所以任何人都可以告诉我怎么做我做吗？
但是，当我收到此结果时，如何发送邮件？
好吧，在阅读了 cmets 之后，我尝试使用 AJAX function 发送邮件但无法正常工作，因为邮件永远不会发送，所以这是我修改的新代码：
$.ajax(
url: "enviarmail.php",
method: "POST",
data: action: 'e-mail', nombre: nombreJunto, email: mailForm, mensaje: mensajeForm,
dataType: "json",
success: function(response)
if(response.status == 200)
console.log(response + "status: " + response.status);
const element = document.getElementById('paypal-button-container');
element.innerHTML = '';
element.innerHTML = '<h3>Gracias, nos estaremos comunicando contigo a la brevedad.</h3>';
else
console.log(response);
)
我的新 php 文件已编辑：
<?php
function json_output($status = 200, $msg = 'OK', $data = null)
header("Content-Type: application/json; charset=UTF-8");
return json_encode([
'status' => $status,
'msg' => $msg,
'data' => $data
]);
die;
if(isset($_POST["nombre"]) && isset($_POST["email"]) && isset($_POST["mensaje"]) )
$to = "francojoelbalsamo@gmail.com";
$subject = "Datos de formulario de contacto";
$contenido .= "Nombre: ".$_POST["nombre"]."\n";
$contenido .= "Apellido: ".$_POST["apellido"]."\n";
$contenido .= "Email: ".$_POST["email"]."\n\n";
$contenido .= "Mensaje: ".$_POST["mensaje"]."\n\n";
$header = "From: francojoelbalsamo@gmail.com\nReply-To:".$_POST["email"]."\n";
$header .= "Mime-Version: 1.0\n";
$header .= "Content-Type: text/plain; charset=\"UTF-8\"\r\n";
$header .= "Content-Transfer-Encoding: 8bit\r\n";
if(mail($to, $subject, $contenido ,$header))
json_output();
else
json_output();
?>
谁能告诉我为什么这不能正常工作？
【问题讨论】：
使用 fetch 或任何其他 api 将数据从 javascript 发布到您的服务器。这个概念太大了，无法解释，但请继续阅读ajax。您将需要日复一日地进行 Web 开发 使用 fetch() 或 XHR 或 library-of-your-choice 向服务器发送 AJAX 请求 网上的 Ajax 教程已经够你用一辈子了，你不需要其他的了。 “不起作用”不是对问题的有用描述。仅仅因为邮件没有发送并不一定意味着 AJAX 失败 - 在其他地方可能会出现很多其他问题。您是否进行了任何调试以尝试缩小问题范围？如果我注意到任何东西，我现在会查看代码并进一步评论，但问题并不总是通过阅读就很明显。 我能看到的第一件事是你正在做document.getElementById('nombre').value，但在 HTML 中你有id="name"，而不是id="nombre"，所以这不会匹配并获得值。您甚至可能遇到阻止代码继续运行的 JS 错误 - 您是否检查过浏览器的控制台中的消息？ appelido 与 lname 和 mensaje 与 subject 的问题相同。
【参考方案1】：
在Set up standard payments guide 中，“添加和修改代码”部分的注释解释了如何使用服务器，并链接到必要的资源——包括创建和捕获顺序的 REST API 实现，以及用于调用使用fetch() 实现它们的服务器路由的演示代码。
发送电子邮件应该在这样的服务器路由中完成，同时它将成功的捕获响应传播到调用 JavaScript。
【讨论】：
【参考方案2】：看了你的回复，终于可以发邮件了。我添加了以下内容：
onApprove: function(data, actions)
var nombre = document.getElementById('nombre').value;
var apellido = document.getElementById('apellido').value;
var nombreJunto = nombre + " " + apellido;
var mailForm = document.getElementById('email').value;
var mensajeForm = document.getElementById('mensaje').value;
return actions.order.capture().then(function(orderData)
//all details
console.log('Capturando resultados', orderData, JSON.stringify(orderData, null, 2));
//show a msg
const element = document.getElementById('paypal-button-container');
element.innerHTML = '';
element.innerHTML = '<h3>Thanks for your purchase.</h3>';
$.ajax(
type: 'POST',
url: 'enviarmaildos.php',
dataType: "json",
data:nombre:nombreJunto, email:mailForm, mensaje:mensajeForm,
success: function(response)
alert(response.success);
,
error: function(xhr, status, error)
console.log(xhr);
);
if (document.referrer !== document.location.href)
setTimeout(function()
document.location.reload()
, 5000);
);
,
【讨论】：
以上是关于收到 onApprove PayPal 后发送邮件的主要内容，如果未能解决你的问题，请参考以下文章