php文件加载点击按钮

时间:2016-05-08 20:44:26

标签: php jquery ajax wordpress

我正在点击事件加载personalizetest.php(它有swiftmailer代码来发送电子邮件)。当我通过单击下面给出的jquery代码的html文件中的按钮加载它时,它可以工作,并发送电子邮件。但是当我在WordPress中的php文件中添加相同的代码时,我点击按钮,它在控制台中显示“操作成功执行”但我没有收到任何电子邮件。

我搜索了一下,发现我必须在function.php中添加以下代码才能在Wordpress上执行该文件,但是现在它在每次页面刷新时发送电子邮件。要么我打开网站,要么从一个页面转到另一个页面,而不是点击按钮。简而言之,当我点击带有personalizetest.php的按钮时,我正在加载此class=button文件:

function.php

<?php

function enqueue_scripts_styles_init() {


wp_enqueue_script( 'ajax-script', get_template_directory_uri().'./personalizetest.php', array('jquery'), 1.0 ); // jQuery will be included automatically
wp_localize_script( 'ajax-script', 'ajax_object', array( 'ajaxurl' => admin_url( 'admin-ajax.php' ) ) ); // setting ajaxurl
 }

  add_action('init', 'enqueue_scripts_styles_init');
?>

jQuery代码

$(document).ready(function(){
$('.button').click(function(){
    var clickBtnValue = $(this).val();
    var ajaxurl = 'personalizetest.php',
    data =  {'action': clickBtnValue};
    $.post(ajaxurl, data, function (response) {
        // Response div goes here.
        console.log("action performed successfully");
    });
});

<input type="submit" class="button" name="insert" value="insert" />

personalizetest.php(Swiftmailer代码)

 <?php

 require_once '/lib/config.php';
 require_once 'MyDecoratortest.php';


 function send_my_mail() {

 try {

//connect to database
$conn = new mysqli($root, $dbun, $dbps, $dbnm);

//get receipents
$recipients =[];
$sql = 'SELECT email, firstname, order_id,  FROM order_details order by _id desc limit 0, 1'; 
$result = $conn->query($sql);
$i = 0;
while ($row = $result->fetch_assoc()) {
     $recipients[$i]['email'] = $row['email'];
     $recipients[$i]['firstname'] = $row['firstname'];
     $recipients[$i]['order_id'] = $row['order_id'];
     $i++;    

 }


// create the transport
$transport = Swift_SmtpTransport::newInstance($smtp_server, 587, 'tls')
    ->setUsername($username)
    ->setPassword($password);
$mailer = Swift_Mailer::newInstance($transport);

// create and register decorator
$decorator = new Swift_Plugins_DecoratorPlugin(new MyDecorator($conn));
$mailer->registerPlugin($decorator);

//email
$html_message="My email text";

// prepare email message
$message = Swift_Message::newInstance()
    ->setSubject('Your Order at Dissertation Sage -- #order_id')
    ->setFrom($from)
    ->setBcc($bcc)
    ->setBody($html_message, 'text/html');


// tracking variables
$sent = 0;
$failures = [];

// send the personalized message to each recipient
foreach ($recipients as $recipient) {
    $message->setTo([$recipient['email'] => $recipient['firstname']]);
    $sent += $mailer->send($message);
  }

// display result
if ($sent) {
    echo "Number of emails sent: $sent<br>";
}
if ($failures) {
    echo "Couldn't send to the following addresses:<br>";
    foreach ($failures as $failure) {
        echo $failure . '<br>';
    }
    }
} catch (Exception $e) {
echo $e->getMessage();
}}?>

1 个答案:

答案 0 :(得分:0)

首先,您在.php中添加了wp_enqueue_script。这不但没有。如果您的ajax回调函数位于personalizetest.php文件中,则需要使用

包含它
<?php

require_once( get_template_directory(). '/{your folder name here}/personalizetest.php' );

add_action('init', 'enqueue_scripts_styles_init');

function enqueue_scripts_styles_init() {
    wp_enqueue_script( 'ajax-script', get_template_directory_uri().'/js/custom.js', array('jquery'), 1.0 ); // jQuery will be included automatically
    wp_localize_script( 'ajax-script', 'ajax_object', array( 'ajaxurl' => admin_url( 'admin-ajax.php' ) ) ); // setting ajaxurl
 }

?>

此处排队的脚本名为custom.js,但您可以将其设置为您用来调用ajax调用的脚本。

js部分应该是(在custom.js等效物中):

jQuery(document).ready(function($){
$('.button').click(function(){
    var ajaxurl = ajax_object.ajaxurl,
    data =  {'action': 'my_action'};
    $.post(ajaxurl, data, function (response) {
        // Response div goes here.
        console.log("action performed successfully");
    });
});

该操作应该指向使用钩子的personalizetest.php文件中的ajax回调函数:

add_action( 'wp_ajax_my_action', 'my_action_callback' );
add_action( 'wp_ajax_nopriv_my_action', 'my_action_callback' );

(更改动作的名称)。

你可以阅读我关于ajax加载的博文,它是关于帖子的,但同样的原则也适用于此:

AJAX load posts on WordPress