2010-04-20 4 views
7

Donc je veux joindre des chaînes avec des URLs relatives en Javascript.joindre des URLs relatifs?

url de base

= "http://www.adress.com/more/evenmore"

avec

url relative = "../../adress" => "http://www.adress.com/adress"
url relative = "../adress" => " http://www.adress.com/more/adress "

Quel serait le meilleur moyen? Je pensais utiliser regexp et vérifier
combien de "../" je trouve, puis en soustrayant cette quantité du baseurl et en les ajoutant à ce qui reste.

Répondre

9

La fonction suivante décompose l'URL, puis la résout.

function concatAndResolveUrl(url, concat) { 
    var url1 = url.split('/'); 
    var url2 = concat.split('/'); 
    var url3 = [ ]; 
    for (var i = 0, l = url1.length; i < l; i ++) { 
    if (url1[i] == '..') { 
     url3.pop(); 
    } else if (url1[i] == '.') { 
     continue; 
    } else { 
     url3.push(url1[i]); 
    } 
    } 
    for (var i = 0, l = url2.length; i < l; i ++) { 
    if (url2[i] == '..') { 
     url3.pop(); 
    } else if (url2[i] == '.') { 
     continue; 
    } else { 
     url3.push(url2[i]); 
    } 
    } 
    return url3.join('/'); 
} 
+0

agréable. Merci mon pote! – heffaklump

+1

J'ai modifié ceci où votre test pour '.' pour tester aussi la chaîne vide 'url1 [i] == '.' || url1 [i] == '' 'donc si les URLs passés ont des barres obliques, il compose toujours une URL valide. +1 – Jay

6

Utilisation URI.js (http://medialize.github.com/URI.js/docs.html#absoluteto):

function joinUrl(baseUrl, url) { 
    var theUrl = new URI(url); 
    if (theUrl.is("relative")) { 
     theUrl = theUrl.absoluteTo(baseUrl); 
    } 
    return theUrl.toString(); 
}