JavaScript 相对 AJAX 调用路径

Question

我有一个包含 PHP 和 JavaScript 文件的脚本。 所有这些文件都在根文件夹/myfolder。

假设我必须在我的网站上包含的脚本是 /myfolder/script.js ，问题是在 script.js 我有对 ../myfolder/ajax.php 的 ajax 调用，因为路径将相对于脚本所在的页面如果我在/a/b/page.php 页面上有类似的内容，则包含将不起作用：

<script src="../../myfolder/script.js><script> 因为这将从../myfolder/ajax.php 调用ajax 方法，如AJAX 调用中所述，在本例中为/a/myfolder/ajax.php。

如何重写 AJAX 调用 URL，使其始终指向正确的文件，无论 script.js 包含在何处？

ROOT
|---myfolder
    |--script.js
    |--ajax.php
|--page1.php
|--subfolder
   |--page2.php
   |--subfolder
      |--page3.php

Answer 1

/**
 * returns the current context path,
 * ex: http://localhost:8080/MyApp/Controller returns /MyApp/
 * ex: http://localhost:8080/MyApp returns /MyApp/
 * ex: https://www.example.co.za/ returns /
 */
function getContextPath() {
    var ctx = window.location.pathname,
        path = '/' !== ctx ? ctx.substring(0, ctx.indexOf('/', 1) + 1) : ctx;
    return path + (/\/$/.test(path) ? '' : '/');
}

---

在像http://www.example.com/ajax这样的网址上：

getContextPath() + 'myfolder/ajax.php'

将返回/ajax/myfolder/ajax.php

---

类似地在像http://www.example.com/这样的网址上：

getContextPath() + 'myfolder/ajax.php'

将返回/myfolder/ajax.php

---

最后在http://www.example.com/myfolder/a/b/c/d/e/f/g/这样的网址上：

getContextPath() + 'myfolder/ajax.php'

将返回/myfolder/ajax.php