JQuery POST 到 wordpress PHP 插件执行

Question

我的 Wordpress 页面上有一个脚本，通过可视页面构建器中的代码块实现。我想知道的是，如何通过正确的 URL 来访问我的 PHP 文件？由于它位于页面构建器的块中，因此我认为我不能使用 ajax_admin 作为 url，因为该文件从未入队。

$("#submit_button").click(function(e,features,totalcost){
  e.preventDefault();
   console.log('clicked')
     $.ajax({
     type: "POST",
     url: '/wp-content/plugins/estimate/estimate.php',
      data: {
      action: 'submitWizard',
// add your parameters here
      features: features,
      total:totalcost,
      email:$("#exampleInputEmail1").value,
      name:$("#exampleInputPassword1").value,
      message:$("#exampleFormControlTextarea1").value,
      },
      success: function(response){
      console.log(response);
      }
      });
})

我有一个插件，叫做estimate，代码如下：

 add_action( 'wp_ajax_submitWizard', 'process_estimate' );

function process_estimate(){
    $name = $_POST['name'];
    $email = $_POST['email'];
    $message = $_POST['message'];
    $features = $_POST['features'];
    $total = $_POST['total'];

    wp_mail( 'charlespettisappdevelopment@gmail.com', 'New Submission!', "
        $name,
        $email,
        $message,
        $features,
        $total,
  ");
}

Answer 1

在您的estimate.php 上添加此代码：

add_action( 'wp_enqueue_scripts', 'wi_enqueue_scripts' ); 
function wi_enqueue_scripts(){
    wp_localize_script( 'wi-ajax-script', 'wi_ajax_params', 
        array(
            'wi_ajax_nonce' => wp_create_nonce( 'wi_ajax_nonce' ),
            'wi_ajax_url' => admin_url( 'admin-ajax.php' )
        )
    );
}

然后在 javascript 文件中使用这个：

$("#submit_button").click(function(e, features, totalcost) {
    e.preventDefault();
    console.log('clicked')
    $.ajax({
        type: "POST",
        //url: wi_ajax_params.wi_ajax_url,
        url: "http://yourdomain.com/wp-admin/admin-ajax.php",
        data: {
            action: 'submitWizard',
            // add your parameters here
            features: features,
            total: totalcost,
            email: $("#exampleInputEmail1").value,
            name: $("#exampleInputPassword1").value,
            message: $("#exampleFormControlTextarea1").value,
        },
        success: function(response) {
            console.log(response);
        }
    });
});

最后，将这段代码再次添加到插件文件中：

add_action( 'wp_ajax_submitWizard', 'process_estimate' );
add_action( 'wp_ajax_nopriv_submitWizard', 'process_estimate' );
function process_estimate(){
    $name = $_POST['name'];
    $email = $_POST['email'];
    $message = $_POST['message'];
    $features = $_POST['features'];
    $total = $_POST['total'];

    wp_mail( 'charlespettisappdevelopment@gmail.com', 'New Submission!', "
        $name,
        $email,
        $message,
        $features,
        $total,
  ");
}

未经测试，但它应该可以工作。告诉我。