Javascript调用相对路径，而不是从Web根目录

Question

When I'm calling files within javascript from example Ajax or other functions, the javascript tries to call it relative to the current address, and not from the baseURL or root.

Example if I'm on domain.com/my-page/ and I try to call a php file using

$.post('ajax/class.designer.php', { action: 'getcard', cardID: id },
        function(data) {
            loadCard(data)
        }, "json");

it tries to call domain.com/my-page/ajax/class.designer.php, when I actually want it to call domain.com/ajax/class.designer.php .

Same with plugins such as CKEditor tries to call it's .css files relative to the current address.

The application is using mod_rewrite and friendly url's. Everything is redirected to index.php which is located in / and from index.php I then call the functions to display the page.

I've set RewriteBase / and I've also set baseurl in my HTML head to the root path.

Note: Everything worked fine when I was running it on my localhost. The issue started when I moved it to my live server.

Answer 1

Put a slash in front of ajax ie /ajax . When you leave the slash off you're going to get the relative path, ie the path relative to where you are. To get an absolute path always start with a / .

Answer 2

An alternative to the answer above is that you could add a base tag in the head. This will tell the browser where to start all relative paths. With your particular issue, you would add:

<base href="http://domain.com">

This would cause any relative URL's you add to start from root.