用jQuery Wordpress加载PHP文件

Question

我在我的worpdress主题ios按钮开关中实现了，当有人单击按钮时，脚本将加载带有以下文本的php文件：打开或关闭

这是代码：

  <script type="text/javascript">

$('#1').iphoneSwitch("<?php echo get_user_meta( $current_user->ID, '_fbpost_status', true); ?>", 
 function() {
   $('#ajax').load('<?php bloginfo( 'template_url' ); ?>/includes/ajaxswitch/on.php');
  },
  function() {
   $('#ajax').load('<?php bloginfo( 'template_url' ); ?>/includes/ajaxswitch/off.php');
  },
  {
    switch_on_container_path: '<?php bloginfo( 'template_url' ); ?>/includes/ajaxswitch/iphone_switch_container_off.png'
  });

因此on.php只有“激活”文本和of.php“已停止”文本。 开和关文件未包含wordpress变量。 如何包含它们？ 在db中进行更新。 还是您知道进行更新的更好方法？

Answer 1

由于您使用的是WordPress，正确的做法是在functions.php使用wp_localize_script发送一个JavaScript变量：

add_action('wp_enqueue_scripts', 'my_frontend_data');
function my_frontend_data()
{
  global $current_user;
  wp_localize_script('data', 'Data', array(
    'userMeta' => get_user_meta($current_user->ID, '_fbpost_status', true),
    'templateUrl' => get_template_directory_uri()
  ));
}

上面的代码将添加一个JavaScript Data变量，该变量可在您所有页面中访问。 然后，您可以像这样在前端中使用它：

var ajaxUrl = Data.templateUrl +'/includes/ajaxswitch/';

$('#1').iphoneSwitch(Data.userMeta, function() {
  $('#ajax').load(ajaxUrl +'on.php');
}, function() {
  $('#ajax').load(ajaxUrl +'off.php');
}, {
  switch_on_container_path: Data.templateUrl +'iphone_switch_container_off.png';
});