JQuery UI Автозаполнение на основе функции

Question

1. У меня есть 2 HTML-файла - file1.html в каталоге xyz и file2.html в каталоге abc ... оба каталога находятся на разных уровнях.
2. Теперь у меня есть внешний JS-файл, в котором я использовал виджет jQuery UIAautocomplete, и я использовал URL-адрес источника данных для вызова ajax, поскольку PHP-файл, скажем, datasource.php ...

Здесь я упомянул URL источника данных как абсолютный URL этого PHP-файла и включил этот внешний js в file1, file2, упомянутый в шаге 1, и все работает нормально.

Теперь моя проблема - вместо того, чтобы использовать этот источник данных как абсолютный ... как использовать его как относительный или отправить через некоторую переменную из файлов HTML ... так, чтобы он мог нормально работать как из file1.html, так и file2.html даже без использования абсолютного URL.

Answer 1

Полагаю, вы можете использовать объект браузера 'location', например:

baseURL = location.href;
baseURL = baseURL.substr(0, baseURL.lastIndexOf('/'));//we cut off the base file name, and the last /
baseURL = baseURL.substr(0, baseURL.lastIndexOf('/'));//we go another directory up
baseURL+= '/datasource.php';

предположим, что location.href равен 'http://localhost/site/xyz/file1.html',, теперь baseURL будет равен' http://localhost/site/datasource.php'.