JavaScript: How to get an absolute Base-URL?

Question

I would like to avoid JavaScript in my HTML/PHP-Templates. Everything is working fine as long as I don't need a base/root-URL in my external, included JS-File.

Problem: Does anybody know a solution to put the JS logic (code below) into an external JS file? The main problem: how to figure out the _BASE_URL_? Unfortunately its not a form where you can get the URL by the action-attribute. I dont want to compile JS/PHP-mixed files, it has to be pure JS.

Idea (too dirty): A hidden input in the top of the body-tag with id="root_url" or a variable in the main JS file: root_url = "http://localhost/projects/project/version/". This is prone to failure, because no file could work stand-alone.

Maybe there's a good htaccess/mod_rewrite solution?

Notice: I dont want to get the hostname or the "real" root dir, because it has to work in subfolders as well!

Code:

<script type="text/javascript">
// document ready
$(function() {
    // function: load items
    function load_items() {
        $("#items").load("<?php echo _BASE_URL_?>/items.php");
    }

    // load items!
    load_items();
});
</script>

<!-- target div --> 
<div id="items">loading</div>

Thanks in advance!

Kotzilla · Accepted Answer · 2012-11-03 04:43:33Z

3

Can i see your html structure

function getBaseURL () {
   return location.protocol + "//" + location.hostname + (location.port && ":" + location.port) + "/";
}

if you need a path also use this

path = window.location.pathname.split( '/' );
console.log(path);

edited Nov 3, 2012 at 4:43

answered Nov 3, 2012 at 4:36

Kotzilla

1,44320 silver badges29 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

JohnK Over a year ago

Your function would work better with something like this: stackoverflow.com/a/11775016/1431728.

Anoop P S · Accepted Answer · 2013-05-15 09:29:19Z

0

can we use like this

function getBaseURL () {
    return location.protocol + "//" + location.hostname + location.pathname;


}

answered May 15, 2013 at 9:29

Anoop P S

7821 gold badge12 silver badges34 bronze badges

Collectives™ on Stack Overflow

JavaScript: How to get an absolute Base-URL?

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related