Wann sollten Sie Escape anstelle von encodeURI / encodeURIComponent verwenden?

Question

Bei der Kodierung einer an einen Webserver zu sendenden Abfragezeichenfolge - wann verwenden Sie escape() und wann verwenden Sie encodeURI() o encodeURIComponent() :

Escape verwenden:

escape("% +&=");

OR

encodeURI() / encodeURIComponent() verwenden

encodeURI("http://www.google.com?var1=value1&var2=value2");

encodeURIComponent("var1=value1&var2=value2");

Answer 1

Die akzeptierte Antwort ist gut. Um auf den letzten Teil einzugehen:

Beachten Sie, dass encodeURIComponent das Zeichen ' nicht entschlüsselt. Ein häufiger Fehler ist die Verwendung zur Erstellung von HTML-Attributen wie href='MyUrl', die einen Injektionsfehler haben könnte. Wenn Sie html aus Strings konstruieren, verwenden Sie entweder " anstelle von ' für Attributanführungszeichen, oder fügen Sie eine zusätzliche Kodierungsschicht (' kann als %27 kodiert werden).

Wenn Sie auf Nummer sicher gehen wollen, prozentuale Kodierung nicht reservierter Zeichen sollte ebenfalls kodiert werden.

Sie können diese Methode verwenden, um ihnen zu entkommen (Quelle Mozilla )

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

// fixedEncodeURIComponent("'") --> "%27"

Answer 2

Moderne Umformulierung der Antwort von @johann-echavarria:

console.log(
    Array(256)
        .fill()
        .map((ignore, i) => String.fromCharCode(i))
        .filter(
            (char) =>
                encodeURI(char) !== encodeURIComponent(char)
                    ? {
                          character: char,
                          encodeURI: encodeURI(char),
                          encodeURIComponent: encodeURIComponent(char)
                      }
                    : false
        )
)

Oder wenn Sie eine Tabelle verwenden können, ersetzen Sie console.log avec console.table (für die hübschere Ausgabe).

Answer 3

Ich habe diese Funktion...

var escapeURIparam = function(url) {
    if (encodeURIComponent) url = encodeURIComponent(url);
    else if (encodeURI) url = encodeURI(url);
    else url = escape(url);
    url = url.replace(/\+/g, '%2B'); // Force the replacement of "+"
    return url;
};