Headers already sent / AJAX
Question
i wrote a little plugin, who displays a custom form in frontend and store entered data in local DB with connection to MailChimp. With a shortcode.
Now i´m getting an error “headers already sent..”, everytime when the post or site be saved with this shortcode. In frontend the plugin works well.
See code and screens below:
register_activation_hook(FILE, 'on_activate');
function on_activate() { global $wpdb;
/// $table_name = $wpdb->prefix . "subscribe_record"; /// $sql = "DROP TABLE IF EXISTS $table_name"; // $wpdb->query($sql); $create_table_query = "CREATE TABLE IF NOT EXISTS
{$wpdb->prefix}subscribe_record( id INTEGER NOT NULL AUTO_INCREMENT, surename VARCHAR(100), name VARCHAR(100), email VARCHAR(100), gender VARCHAR(3), street VARCHAR(500), zip VARCHAR(20), city VARCHAR(200), package VARCHAR(6), subscribe INTEGER(11), PRIMARY KEY (id))"; require_once( ABSPATH . 'wp-admin/includes/upgrade.php' ); dbDelta($create_table_query);}
add_action('wp_ajax_insert_subcriber_record', 'insert_subcriber_record'); add_action('wp_ajax_nopriv_insert_subcriber_record', 'insert_subcriber_record');
function insert_subcriber_record() { global $wpdb;
$tablename = $wpdb->prefix . 'subscribe_record'; $surename = isset($_REQUEST['subcriber_surename']) ? $_REQUEST['subcriber_surename'] : ''; $name = isset($_REQUEST['subcriber_name']) ? $_REQUEST['subcriber_name'] : ''; $email = isset($_REQUEST['subcriber_email']) ? $_REQUEST['subcriber_email'] : ''; $gender = isset($_REQUEST['subcriber_gender']) ? $_REQUEST['subcriber_gender'] : 'm'; $street = isset($_REQUEST['subcriber_street']) ? $_REQUEST['subcriber_street'] : ''; $zip = isset($_REQUEST['subcriber_zip']) ? $_REQUEST['subcriber_zip'] : ''; $city = isset($_REQUEST['subcriber_city']) ? $_REQUEST['subcriber_city'] : ''; $subscribe = isset($_REQUEST['subcribe']) ? $_REQUEST['subcribe'] : 0; $package = isset($_REQUEST['package']) ? $_REQUEST['package'] : 'No'; if($package == 'yes'){ $package = 'Yes'; } if ($subscribe) { $subscribe = 1; } $data = array( 'surename' => $surename, 'name' => $name, 'email' => $email, 'gender' => $gender, 'street' => $street, 'zip' => $zip, 'city' => $city, 'package' => $package, 'subscribe' => $subscribe ); if(checkSubsriberCount() > 0) { $wpdb->insert($tablename, $data); } $response = array(); if ($subscribe) { $response['data'] = 'yes'; } else { $response['data'] = 'no'; } echo json_encode($response); exit;}
/** Step 2 (from text above). */
add_action('admin_menu', 'subscriber_list_menu');/** Step 1. */
function subscriber_list_menu() {
add_options_page('WaterWipes Export', 'WaterWipes Export', 'manage_options', 'subscriber_list', 'subscriber_list_func');
}/** Step 3. */
function checkSubsriberCount(){
global $wpdb; $table_name = $wpdb->prefix . "subscribe_record"; $subscriber = $wpdb->get_results("SELECT * FROM $table_name"); $mailChimpCounter = get_option('mailChimpCounter'); return (int)($mailChimpCounter - count($subscriber));}
function subscriber_list_func() {
if (!current_user_can('manage_options')) {
wp_die(__('You do not have sufficient permissions to access this page.'));
}global $wpdb; $table_name = $wpdb->prefix . "subscribe_record"; $subscriber = $wpdb->get_results("SELECT * FROM $table_name"); $mailChimpCounter = get_option('mailChimpCounter'); ?> <div class="container"> <h2>Kundenliste</h2> <br/><br/> <div class="row"> <div class="col-md-6"> <div class="form-group"> <label class="sr-only" for="pwd">Mail Chimp Counter Number:</label> <input type="number" value="<?php echo $mailChimpCounter; ?>" class="form-control" id="txtMailChimp"> </div> </div> <div class="col-md-2"> <button type="button" class="btn btn-default" id="updateCounter">Submit</button> </div> </div> <div class="row"> <div class="col-md-11"> <table id="example" class="table table-striped table-bordered" style="width:100%"> <thead> <tr> <th>Surename</th> <th>Name</th> <th>Email</th> <th>Gender</th> <th>Street</th> <th>Zip Code</th> <th>City</th> <th>Pakcage</th> </tr> </thead> <tbody> <?php foreach ($subscriber as $list) { echo '<tr>'; echo '<td>' . $list->surename . '</td>'; echo '<td>' . $list->name . '</td>'; echo '<td>' . $list->email . '</td>'; if ($list->gender == 'm') { echo '<td>Male</td>'; } else { echo '<td>Female</td>'; } echo '<td>' . $list->street . '</td>'; echo '<td>' . $list->zip . '</td>'; echo '<td>' . $list->city . '</td>'; echo '<td>' . $list->package . '</td>'; echo '</tr>'; } ?> </tbody> <tfoot> <tr> <th>Surename</th> <th>Name</th> <th>Email</th> <th>Gender</th> <th>Street</th> <th>Zip Code</th> <th>City</th> <th>Pakcage</th> </tr> </tfoot> </table> </div> </div> </div> <link rel='stylesheet' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css' type='text/css' media='all' /> <link rel='stylesheet' href='https://cdn.datatables.net/1.10.16/css/dataTables.bootstrap.min.css' type='text/css' media='all' /> <link rel='stylesheet' href='https://cdn.datatables.net/buttons/1.5.1/css/buttons.bootstrap.min.css' type='text/css' media='all' /> <script type='text/javascript' src='https://code.jquery.com/jquery-3.3.1.js'></script> <script type='text/javascript' src='https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js'></script> <script type='text/javascript' src='https://cdn.datatables.net/1.10.16/js/dataTables.bootstrap.min.js'></script> <script type='text/javascript' src='https://cdn.datatables.net/buttons/1.5.1/js/dataTables.buttons.min.js'></script> <script type='text/javascript' src='https://cdn.datatables.net/buttons/1.5.1/js/buttons.bootstrap.min.js'></script> <script type='text/javascript' src='https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js'></script> <script type='text/javascript' src='https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.32/pdfmake.min.js'></script> <script type='text/javascript' src='https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.32/vfs_fonts.js'></script> <script type='text/javascript' src='https://cdn.datatables.net/buttons/1.5.1/js/buttons.html5.min.js'></script> <script type='text/javascript' src='https://cdn.datatables.net/buttons/1.5.1/js/buttons.print.min.js'></script> <script type='text/javascript' src='https://cdn.datatables.net/buttons/1.5.1/js/buttons.colVis.min.js'></script> <script> $('body').on('click', '#updateCounter', function () { var get_number = $('#txtMailChimp').val(); var r = confirm("Möchten Sie den Zählerstand speichern?"); if (r == true) { var ajaxurl = '<?php echo admin_url('admin-ajax.php'); ?>'; jQuery.ajax({ url: ajaxurl, data: {number: get_number, action: 'saveMailChimpnumber'}, method: 'post', success: function (response) { alert('Neuer Zählerstand gespeichert!') }, cache: false, /// contentType: false, /// processData: false }); } }); $(document).ready(function () { var table = $('#example').DataTable({ lengthChange: false, buttons: ['excel', 'pdf', 'colvis'] }); table.buttons().container() .appendTo('#example_wrapper .col-sm-6:eq(0)'); }); </script> <?php}
add_action('wp_ajax_saveMailChimpnumber', 'saveMailChimpnumber');
add_action('wp_ajax_nopriv_saveMailChimpnumber', 'saveMailChimpnumber');
function saveMailChimpnumber() {
$value = isset($_REQUEST['number']) ? $_REQUEST['number'] : 1000;
update_option('mailChimpCounter', $value);
exit;
}
function subcriberList_shortCode($atts) {
$a = shortcode_atts(array(
'formid' => ''), $atts);
$adminUrl = admin_url('admin-ajax.php');
?>WaterWipes Test
jQuery(function ($) {
$('body').on('click', '#subcriberSubmitBtn', function () {
$('.subcriber-response').html('');
var subcriber_surename = $('#subcriber_surename').val();
var subcriber_name = $('#subcriber_name').val();
var subcriber_street = $('#subcriber_street').val();
var subcriber_zip = $('#subcriber_zip').val();
var subcriber_city = $('#subcriber_city').val();
var subcriber_email = $('#subcriber_email').val();
var error = false;
if (subcriber_surename) {
$('#subcriber_surename').css('border-color', '#ccc')
} else {
error = true;
$('#subcriber_surename').css('border-color', '#c91d2e')
}
if (subcriber_name) {
$('#subcriber_name').css('border-color', '#ccc')
} else {
error = true;
$('#subcriber_name').css('border-color', '#c91d2e')
}
if (subcriber_street) {
$('#subcriber_street').css('border-color', '#ccc')
} else {
error = true;
$('#subcriber_street').css('border-color', '#c91d2e')
}
if (subcriber_zip) {
$('#subcriber_zip').css('border-color', '#ccc')
} else {
error = true;
$('#subcriber_zip').css('border-color', '#c91d2e')
}
if (subcriber_city) {
$('#subcriber_city').css('border-color', '#ccc')
} else {
error = true;
$('#subcriber_city').css('border-color', '#c91d2e')
}
if(jQuery("#subcribe").is(":checked")){
if (subcriber_email) {
if (!validateEmail(subcriber_email)) {
$('#subcriber_email').css('border-color', '#c91d2e')
error = true;
}else{
$('#subcriber_email').css('border-color', '#ccc')
}
} else {
error = true;
$('#subcriber_email').css('border-color', '#c91d2e')
}
}else{
$('#subcriber_email').css('border-color', '#ccc')
}
if (error == true) {
$('.subcriber-response').html('Bitte alle erforderlichen Felder ausfüllen.');
return false;
} else {
var elementT = document.getElementById("subcriberForm");
var ajaxurl = '';
var formdata = new FormData(elementT);
jQuery.ajax({
url: ajaxurl,
data: formdata,
method: 'POST',
success: function (response) {
if (response) {
$('.subcriber-response').html('Vielen Dank für deine Nachricht, du erhältst die WaterWipes Probepackung per Post!');
var obj = jQuery.parseJSON(response);
console.log(obj.data);
$('#subcriber_surename').val('');
$('#subcriber_name').val('');
$('#subcriber_street').val('');
$('#subcriber_zip').val('');
$('#subcriber_city').val('');
$('#subcriber_email').val('');
if (obj.data == 'yes') {
$("#customSubcriber").find("input[name='FNAME']").val(subcriber_surename);
$("#customSubcriber").find("input[name='LNAME']").val(subcriber_name);
$("#customSubcriber").find("input[name='ADDRESS[addr1]']").val(subcriber_street);
$("#customSubcriber").find("input[name='ADDRESS[city]']").val(subcriber_city);
$("#customSubcriber").find("input[name='ADDRESS[zip]']").val(subcriber_zip);
$("#customSubcriber").find("input[name='EMAIL']").val(subcriber_email);
$("#customSubcriber form").submit();
}
//// location.reload();
} else {
alert('Something Went Wrong, Record Not Updated');
}
},
cache: false,
contentType: false,
processData: false
});
}
});
});
function validateEmail($email) {
var emailReg = /^([w-.]+@([w-]+.)+[w-]{2,4})?$/;
return emailReg.test($email);
}Hier kannst du noch einen Text aussuchen 🙂 </p> -->
Ich möchte WaterWipes testen und freue mich über eine Probepackung
Herr
Frau<p><input type="email" id="subcriber_email" name="subcriber_email" placeholder="E-Mail Adresse" required=""></p> <?php if(checkSubsriberCount() > 0){ ?> <p><input type="checkbox" name="subcribe" id="subcribe" value="yes"><label for="subcribe">Ich möchte den Spinoggelfritz-Newsletter abonnieren</label></p> <?php }else{ ?> <input type="hidden" name="subcribe" value="yes" > <?php } ?> <p><input style="cursor: pointer;" type="button" id="subcriberSubmitBtn" value="Absenden >"></p> </ul> <div class="subcriber-response" style="padding-bottom: 4px;padding-top: 10px;"></div> </div> </div> </form> <!-- / MailChimp for WordPress Plugin --> </div> <div style="display: none;" id="customSubcriber"> <?php $formID = $a['formid']; echo do_shortcode("[mc4wp_form id='".$formID."']"); ?> </div> <?php}
add_shortcode('subcribercustomform', 'subcriberList_shortCode');
Thank you for any suggestions.
rgrds
Johannes
0
2 years
2021-01-01T10:10:46-05:00
2021-01-01T10:10:46-05:00 0 Answers
0 views
0
Leave an answer