jQuery combining URL using a variable

Question

When uploaded to a hosted server the following code is successfully turned to http://myexample.com/otherpartsofpath :

 ajax: {
        url: 'http://' + window.location.hostname + '/otherpartsofpath', 
        type: 'GET',
        ...

But when rendered on the local computer it gives an error. That's why in this case I should define the URL explicitly:

 ajax: {
        url: 'http://localhost:10930/otherpartsofpath', 
        type: 'GET',
        ...

How could I make the code to work locally without explicitly defined URL?

pimvdb · Accepted Answer · 2011-08-23 09:53:24Z

3

Using a relative path /test will always result in the correct protocol, hostname and port. Thus, for convenience you could just always use:

 ajax: {
        url: '/otherpartsofpath', 
        type: 'GET',
        ...

When run on http://test.com/directory/test.html it is http://test.com/otherpartsofpath.

When run on http://localhost:1234/directory/test.html it is http://localhost:1234/otherpartsofpath.

answered Aug 23, 2011 at 9:53

pimvdb

155k80 gold badges313 silver badges357 bronze badges

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

Comments

Quentin · Accepted Answer · 2011-08-23 09:52:46Z

1

Use a local server for testing. Set up a proxy if you want to fetch data from a remote server.

answered Aug 23, 2011 at 9:52

Quentin

949k136 gold badges1.3k silver badges1.4k bronze badges

Gustav Barkefors · Accepted Answer · 2011-08-23 09:52:58Z

1

If you're not on port 80 locally you'll have to do something like

var hostName = window.location.hostname;
if ( window.location.port != '') {
    hostName += ':' + window.location.port;
}

and use that in your AJAX URL.

answered Aug 23, 2011 at 9:52

Gustav Barkefors

5,0861 gold badge29 silver badges30 bronze badges