单击按钮后Ajax调用未正确执行

Question

我正在使用ajax，但是当我按下按钮时它不起作用。这是我的代码

function ftclicked() { 
      $.ajax({ 
           type: "POST",
           url: '<?php echo get_template_directory_uri(); ?>/ajax_call.php',
           data:{action:'ftclick'},
           success:function(data) {
             location.reload();
           }

      });
 }

这是按钮代码

<li title="Measurement Unit in feet square" onclick="ftclicked();"><span>ft&sup2;</span></li>

这是ajax_call.php代码

<?php 
if($_POST['action'] == 'ftclick') {
  set_transient( 'ts_measurement_unit_ft', "ft", 12 * HOUR_IN_SECONDS );
    delete_transient( 'ts_measurement_unit_m' );
    return true;
}

知道为什么这不起作用。感谢

Answer 1

尝试这个

    function ftclicked() {
    formData = {
        // all your parameters here
        param1: param1,
        param2: param2
    }
    $.ajax({
        type: "POST",
        url: "ajax_call.php",
        data: formData,
        success: function(data) {
            location.reload();
        }
    });
}