javascript - 从许多页面中包含的文件进行 ajax 调用

Question

我正在从各个页面中包含的文件进行简单的调用。

$.post( "wp-content/themes/biagetti_studio/inc/HandleBackground.php", {color:color} );

问题是我认为调用是相对于包含js的文件的路径(包含js的所有文件都在同一目录中)，但我发现它是相对于当前路径，这样，如果我在 localhost/biagettistudio 中，那么脚本会调用 localhost/biagettistudio/wp-content/themes/biagetti_studio/inc/HandleBackground.php 但如果我是在localhost/biagettistudio/projects中，它调用localhost/biagettistudio/projects/wp-content/themes/biagetti_studio/inc/HandleBackground.php。

我知道我可以输入绝对路径

$.post( "/wp-content/themes/biagetti_studio/inc/HandleBackground.php", {color:color} );

但是，如果我必须在基本目录不是根目录的情况下移植该站点，这就会出现问题。我在这里明显缺少什么？

Answer 1

你可以使用

<script type="text/javascript">
    <?php
    echo "var theme_dir ='" . get_theme_root() . ‘/’ . get_template() ."';";
    ?>
</script>

在 footer.php 中(因此它在每个页面上都可用)，并且您不必担心在移植网站时会破坏内容。

然后您可以像这样调用脚本...

$.post( theme_dir + "/biagetti_studio/inc/HandleBackground.php", {color:color} );