Funkcja dekodowania adresu URL JavaScript

157

Jakie jest najlepsze narzędzie do dekodowania adresów URL JavaScript? Kodowanie też byłoby fajne, a dobra praca z jQuery to dodatkowy bonus.

— w.
źródło

36

Sprawdziłeś encodeURIComponenti decodeURIComponent?

— Gumbo

czy to naprawdę to samo?

— godz.

@Gumbo: to samo co kodowanie i dekodowanie adresów URL - blooberry.com/indexdot/html/topics/urlencoding.htm

— at.

219

Użyłem również encodeURIComponent () i decodeURIComponent () .

— Geoff
źródło

1

dzięki chłopaki! wygląda na właściwą odpowiedź, ale Gumbo odpowiedział na to jako pierwszy .. Czuję, że zasługuje na uznanie

— na.

16

To jest niepełna odpowiedź. Zobacz implementację urlDecode () poniżej autorstwa @anshuman.

— Steven Francolla,

3

Fajnie, ale nie usunięto znaków „+”. Odpowiedź @ anshuman była dla mnie najlepsza

— MusikAnimal

2

Nie działa ze spacjami, które są reprezentowane przez ++++

— mmm

237

Oto pełna funkcja (zaczerpnięta z PHPJS ):

function urldecode(str) {
   return decodeURIComponent((str+'').replace(/\+/g, '%20'));
}

— anshuman
źródło

34

+1: to jest prawdziwy kod urld, obsługuje przypadek zakodowania spacji jako +, wielkie dzięki

— Máthé Endre-Botond

1

To jest to, czego potrzebowałem, gdy dane zostały zakodowane za pomocą funkcji urlencode () PHP.

— Scott Keck-Warren,

1

Jeśli się nie mylę, to jest dekodowanie + jako% 20, a nie jako spacja - tak naprawdę nie tego chciałeś tutaj, prawda? Chciałbyś spacji, a nie innej wersji zakodowanego znaku ... nie?

— Chris Moschini

8

@ChrisMoschini: Nie, to jest poprawne, ponieważ zamiana następuje przed wywołaniem dekodowania.

— lfaraone

1

Dziękuję bardzo!! Jest to doskonały sposób na obsługę łańcuchów znaków w jquery, które zostały wcześniej zakodowane urlenkodowane przez php, właśnie to, czego potrzebowałem!

— Dante Cullari

9

Użyj tego

unescape(str);

Nie jestem świetnym programistą JS, próbowałem wszystkich i to zadziałało świetnie!

— nithinreddy
źródło

2

Fajna odpowiedź, ale wygląda na to, że jest przestarzała na korzyść z decodeURIComponent()powodu słabej obsługi znaków spoza ASCII.

— Brad Koch

9

decodeURIComponent(mystring);

możesz uzyskać przekazane parametry, używając tego fragmentu kodu:

//parse URL to get values: var i = getUrlVars()["i"];
function getUrlVars() {
    var vars = [], hash;
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
    for (var i = 0; i < hashes.length; i++) {
        hash = hashes[i].split('=');
        vars.push(hash[0]);
        vars[hash[0]] = hash[1];
    }
    return vars;
}

Lub ten jeden wiersz, aby uzyskać parametry:

location.search.split("your_parameter=")[1]

— Etienne Dupuis
źródło

2

Zamiast tego powinieneś użyć window.location.search.

— aloisdg przenosi się na codidact.com

3

//How decodeURIComponent Works

function proURIDecoder(val)
{
  val=val.replace(/\+/g, '%20');
  var str=val.split("%");
  var cval=str[0];
  for (var i=1;i<str.length;i++)
  {
    cval+=String.fromCharCode(parseInt(str[i].substring(0,2),16))+str[i].substring(2);
  }

  return cval;
}

document.write(proURIDecoder(window.location.href));

— Irfan M
źródło

Dziękuję, to zadziałało dla mnie. decodeURIComponent nie działał dla mnie (zniekształcona sekwencja URI).

— Smile4ever

2

Jeśli odpowiadasz za kodowanie danych w PHP przy użyciu urlencode, rawurlencode PHP współpracuje z komponentem decodeURIC komponentu JavaScript bez konieczności zastępowania znaku +.

— Brent Self
źródło

0

Oto czego użyłem:

W JavaScript:

var url = "http://www.mynewsfeed.com/articles/index.php?id=17";
var encoded_url = encodeURIComponent(url);

var decoded_url = decodeURIComponent(encoded_url);

W PHP:

$url = "http://www.mynewsfeed.com/articles/index.php?id=17";
$encoded_url = url_encode(url);

$decoded_url = url_decode($encoded_url);

Możesz również wypróbować go online tutaj: http://www.mynewsfeed.x10.mx/articles/index.php?id=17

— user3572058
źródło

0

var uri = "my test.asp?name=ståle&car=saab";
console.log(encodeURI(uri));

Rozwiń fragment

— methodpool.io
źródło

0

decodeURIComponent()jest w porządku, ale nigdy nie chcesz go używać encodeURIComponent()bezpośrednio. To nie ucieczka zastrzeżone znaki takie jak *, !, ', (, i ). Sprawdź RFC3986 , gdzie jest to zdefiniowane, aby uzyskać więcej informacji na ten temat. Dokumentacja Mozilla Developer Network zawiera zarówno dobre wyjaśnienie, jak i rozwiązanie. Wyjaśnienie...

Aby być bardziej rygorystycznym w przestrzeganiu RFC 3986 (który zastrzega!, ', (,) I *), nawet jeśli te znaki nie mają sformalizowanych zastosowań ograniczających identyfikatory URI, można bezpiecznie użyć następujących znaków:

Rozwiązanie...

function fixedEncodeURIComponent(str) {
  return encodeURIComponent(str).replace(/[!'()*]/g, function(c) {
    return '%' + c.charCodeAt(0).toString(16);
  });
}

Jeśli nie jesteś pewien, sprawdź dobre, działające demo na JSBin.com . Porównaj to ze złym, działającym demo na JSBin.com używając encodeURIComponent()bezpośrednio .

Dobre wyniki kodu:

thing%2athing%20thing%21

Zły kod wynika z encodeURIComponent():

thing*thing%20thing!

— HoldOffHunger
źródło