如何使用 PHP+JS 获取要保存到邮件列表的名称

How to get name to save to mailchimp list with PHP+JS?

本文关键字:邮件列表 保存 何使用 PHP+JS 获取      更新时间:2023-09-26
即使

我在表格上输入了我的名字,我也只能得到电子邮件地址。请原谅我不是编码专家。我只知道基本的html,我只是得到一些我在互联网上找到的代码。

我的时事通讯表单如下所示:

 <form id="subscribe" class="form" action="<?=$_SERVER['PHP_SELF']; ?>" method="post">
        <div class="form-group form-inline">
          <input size="15" type="text" class="form-control required" id="NewsletterName" 
  name="NewsletterName" placeholder="Your name" /> 
          <input size="25" type="email" class="form-control required" id="NewsletterEmail" 
 name="NewsletterEmail" placeholder="your@email.com" /> 
          <input type="submit" class="btn btn-default" value="SUBSCRIBE" />
          <span id="response">
            <? require_once('assets/mailchimp/inc/store-address.php'); if($_GET['submit']){ echo 
 storeAddress(); } ?>
          </span>
        </div>
      </form>

我的JS文件看起来像这样:

jQuery(document).ready(function() {
jQuery('#subscribe').submit(function() {
    // update user interface
    jQuery('#response').html('<span class="notice_message">Adding email address...</span>');

    var name = jQuery('#NewsletterName').val().split(' ');
    var fname = name[0];
    var lname = name[1];
    if ( fname == '' ) { fname=""; }
    if ( lname == '' || lname === undefined) { lname=""; }
    // Prepare query string and send AJAX request
    jQuery.ajax({
        url: 'assets/mailchimp/inc/store-address.php',
        data: 'ajax=true&email=' + escape(jQuery('#NewsletterEmail').val()),
        success: function(msg) {
            if (msg.indexOf("Success") !=-1) {
                jQuery('#response').html('<span class="success_message">Success! You are now 
subscribed to our newsletter!</span>');
            } else {
                jQuery('#response').html('<span class="error_message">' + msg + '</span>');
            }
        }
    });
    return false;
});
});

我的PHP文件看起来像这样:

<?php
function storeAddress(){
require_once('MCAPI.class.php');  // same directory as store-address.php
// grab an API Key from http://admin.mailchimp.com/account/api/
$api = new MCAPI('mymailchimpapi');
$merge_vars = Array( 
    'EMAIL' => $_GET['email'],
    'FNAME' => $_GET['fname'], 
    'LNAME' => $_GET['lname']
);
// grab your List's Unique Id by going to http://admin.mailchimp.com/lists/
// Click the "settings" link for the list - the Unique Id is at the bottom of that page. 
$list_id = "myuniqueid";
if($api->listSubscribe($list_id, $_GET['email'], $merge_vars , $_GET['emailtype']) === true) {
    // It worked!   
    return 'Success!&nbsp; Check your inbox or spam folder for a message containing a 
confirmation link.';
}else{
    // An error ocurred, return error message   
    return '<b>Error:</b>&nbsp; ' . $api->errorMessage;
}
}
// If being called via ajax, autorun the function
if($_GET['ajax']){ echo storeAddress(); }
?>

我不知道我是否也应该添加

 if($api->listSubscribe($list_id, $_GET['fname'], $merge_vars , $_GET['fname']) === true)

在 PHP 文件上。有谁知道问题出在哪里?还是JS文件中有问题?

ajax 查询字符串仅包含ajax=true&email=因此$_GET['fname']未定义。如果您在服务器上对用户输入进行一些安全验证,这将有所帮助

从表单编译数据的更简单方法是使用serialize()

jQuery('#subscribe').submit(function() {
    var formData= $(this).serialize() ;
    jQuery.ajax({
        url: 'assets/mailchimp/inc/store-address.php',
        data: formData,
        success: function(....
     ........................
    return false;
});

参考:序列化(( API 文档

固定!!!感谢Charlietfl指出问题。我在谷歌上搜索了那部分,并能够找到解决方案。我尝试添加 serialize(( 代码,但它在单击提交按钮时出现页面错误。

我在我的 JS 文件中添加了这个:

data: 'ajax=true&email=' + escape(jQuery('#NewsletterEmail').val()) + '&fname=' + escape(jQuery('#NewsletterName').val()),

所以整个代码是:

jQuery(document).ready(function() {
jQuery('#subscribe').submit(function() {
    // update user interface
    jQuery('#response').html('<span class="notice_message">Adding email address...</span>');

    var name = jQuery('#NewsletterName').val().split(' ');
    var fname = name[0];
    var lname = name[1];
    if ( fname == '' ) { fname=""; }
    if ( lname == '' || lname === undefined) { lname=""; }
    // Prepare query string and send AJAX request
    jQuery.ajax({
        url: 'assets/mailchimp/inc/store-address.php',
        data: 'ajax=true&email=' + escape(jQuery('#NewsletterEmail').val()) + '&fname=' + 
escape(jQuery('#NewsletterName').val()),
        success: function(msg) {
            if (msg.indexOf("Success") !=-1) {
                jQuery('#response').html('<span class="success_message">Success! You are now 
subscribed to our newsletter!</span>');
            } else {
                jQuery('#response').html('<span class="error_message">' + msg + '</span>');
            }
        }
    });
    return false;
});
});