php - 如何将多个 PHP 变量传递给 jQuery 函数？

Question

我正在开发一个 WordPress 插件。我需要将插件目录(可以根据个人的安装而改变)传递给 jquery 函数。

执行此操作的最佳方法是什么？我可以使用的插件版本包含了 PHP 文件中的所有 JavaScript，因此在浏览器中呈现之前，函数会与其余内容一起进行解析。

我正在研究 AJAX，但我认为它可能比我需要的更复杂。在这种情况下，我可以只使用两个变量(目录，用户没有设置任何内容)。

当我读到它的良好实践时，我试图将 js 和 php 分开。插件初始化时，会调用js文件:

    //Wordpress calls the .js when the plugin loads
    wp_enqueue_script( 'wp-backitup-funtions', plugin_dir_url( __FILE__ ) . 'js/wp-backitup.js', array( 'jquery' ) );

然后我在 .js 文件中需要弄清楚如何生成以下变量:

    dir = '<?php echo content_url() ."/plugins"; ?>';
    dir = '<?php echo content_url() ."/themes"; ?>';
    dir = '<?php echo content_url() ."/uploads"; ?>';

并运行解析以下请求:

    xmlhttp.open("POST","<?php echo plugins_url() .'/wp-backitup/includes/wp-backitup-restore.php'); ?>",true);
    xmlhttp.open("POST","<?php echo plugins_url() .'/wp-backitup/includes/wp-backitup-start.php'); ?>",true);
    xmlhttp.open("POST","<?php echo plugins_url() .'/wp-backitup/wp-backitup-directory.php'); ?>",true);
    xmlhttp.open("POST","<?php echo plugins_url() .'/wp-backitup/wp-backitup-db.php'); ?>",true);
    window.location = "<?php echo plugins_url() .'/wp-backitup/backitup-project.zip'); ?>"; 
    xmlhttp.open("POST","<?php echo plugins_url() .'/wp-backitup/wp-backitup-delete.php'); ?>",true);

内容 URL 和插件 URL 的区别仅在于/plugins/，因此，如果我遇到困难，我只需要发出一个 PHP 请求，然后将其引入 JS。

Answer 1

快速而肮脏:

<script type="text/javascript">
<?php
    echo 'var myJsObject =' . json_encode(array(
        'dir1' => $directory1,
        'dir2' => $directory2
    ));
?>
    alert(myJsObject.dir1);
</script>