urlencode() from PHP in JavaScript?

Question

I'm looking for similar function as urlencode() from PHP just in JavaScript. jQuery library is allowed.

Basically, I need to encode the string and then redirect the user to another page just with JavaScript.

Chronial · Accepted Answer · 2011-08-10 15:48:54Z

29

There is no function quite matching urlencode(), but there is one quite equivalent to rawurlencode(): encodeURIComponent().

Usage: var encoded = encodeURIComponent(str);

You can find a reference here:

https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/encodeURIComponent

answered Aug 10, 2011 at 15:48

Chronial

71.9k14 gold badges100 silver badges108 bronze badges

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

Comments

mickmackusa · Accepted Answer · 2020-01-30 01:00:02Z

From: https://www.php.net/manual/en/function.urlencode.php

Returns a string in which all non-alphanumeric characters except -_. have been replaced with a percent (%) sign followed by two hex digits and spaces encoded as plus (+) signs. It is encoded the same way that the posted data from a WWW form is encoded, that is the same way as in application/x-www-form-urlencoded media type. This differs from the » RFC 3986 encoding (see rawurlencode()) in that for historical reasons, spaces are encoded as plus (+) signs

From: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/encodeURIComponent:

encodeURIComponent() escapes all characters except:
Not Escaped: A-Z a-z 0-9 - _ . ! ~ * ' ( )

A snippet is provided near the bottom of that page which looks like this:

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

I am slightly adjusting the provided javascript snippet to include a couple more characters.

My Code:

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

Usage:

urlEncodeLikePHP("._!_~_*_'_(_)-\\-&-|-/");
// effectively: "._!_~_*_'_(_)-\-&-|-/"

Encoded Output:

%2e_%21_%7e_%2a_%27_%28_%29-%5C-%26-%7C

nxy · Accepted Answer · 2023-03-24 23:24:25Z

4

My code is the JS function equivalent to PHP's urlencode (based on PHP's source code).

function urlencode(str) {
  let newStr = '';
  const len = str.length;

  for (let i = 0; i < len; i++) {
    let c = str.charAt(i);
    let code = str.charCodeAt(i);

    // Spaces
    if (c === ' ') {
      newStr += '+';
    }
    // Non-alphanumeric characters except "-", "_", and "."
    else if ((code < 48 && code !== 45 && code !== 46) ||
             (code < 65 && code > 57) ||
             (code > 90 && code < 97 && code !== 95) ||
             (code > 122)) {
      newStr += '%' + code.toString(16);
    }
    // Alphanumeric characters
    else {
      newStr += c;
    }
  }

  return newStr;
}

JS function equivalent to PHP's urldecode.

function urldecode(str) {
  let newStr = '';
  const len = str.length;

  for (let i = 0; i < len; i++) {
    let c = str.charAt(i);

    if (c === '+') {
      newStr += ' ';
    }
    else if (c === '%') {
      const hex = str.substr(i + 1, 2);
      const code = parseInt(hex, 16);
      newStr += String.fromCharCode(code);
      i += 2;
    }
    else {
      newStr += c;
    }
  }

  return newStr;
}

edited Mar 24, 2023 at 23:24

answered May 5, 2020 at 22:45

nxy

932 silver badges4 bronze badges

2 Comments

Wiezalditzijn Over a year ago

I need this the way around, do you also have such a script?

nxy Over a year ago

Updated post with urldecode.

Floern · Accepted Answer · 2011-08-10 15:47:13Z

3

Have a look at phpjs.org if you're searching for a JS function equivalent to PHP:

http://phpjs.org/functions/urlencode:573

Here you can use encodeURIComponent() (with some modifications).

answered Aug 10, 2011 at 15:47

Floern

34k24 gold badges106 silver badges122 bronze badges

Comments

Ken · Accepted Answer · 2011-08-10 15:46:17Z

0

encodeURIComponent()
http://www.w3schools.com/jsref/jsref_encodeURIComponent.asp

answered Aug 10, 2011 at 15:46

Ken

6721 gold badge6 silver badges14 bronze badges

1 Comment

mickmackusa Over a year ago

This is not the same. One example is that encodeURIComponent() does not encode parentheses.

Lovro Pandžić · Accepted Answer · 2018-01-31 07:30:01Z

0

Try urlencode from http://locutus.io/php/url/urlencode/. I've tested it in several cases I had and it worked.

answered Jan 31, 2018 at 7:30

Lovro Pandžić

6,4705 gold badges47 silver badges57 bronze badges

Collectives™ on Stack Overflow

urlencode() from PHP in JavaScript?

6 Answers 6

Comments

Comments

2 Comments

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

Comments

2 Comments

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related