prevent javascript to encode url

Question

I am trying to change url with pushstate in java script and my url doesn't have any space or bad character for url but java script encode it and add some character in it. my code is:

name= name.trim();
const nextState = { additionalInformation: name };
window.history.pushState(nextState, "", my_domain()+"/brands/" + name);

my url is:

http://localhost/brands/Brilliance

but it show as:

http://localhost/brands/Brilliance%E2%80%8C

From where this name is coming from? Maybe it has some symbols at the end that you do not trim? Like new line character — Justinas
– Justinas, Commented Feb 7, 2023 at 10:15

Danny_Heeley · Accepted Answer · 2023-02-07 10:24:20Z

1

The '%E2%80%8C' at the end of your URL is an invisible Unicode/ASCII character that you are likely copying when you have pasted in the URL, or maybe a package is causing it. In either case, here are two ways you can solve this:

You can paste your link into a hex editor and remove the invisible character manually before copy-pasting back into your code editor.

You can use this javascript solution to remove the characters:

function remove_non_ascii(str) {
  
  if ((str===null) || (str===''))
       return false;
 else
   str = str.toString();
  
  return str.replace(/[^\x20-\x7E]/g, '');
}

console.log(remove_non_ascii('äÄçÇéÉêHello-WorldöÖÐþúÚ'));

answered Feb 7, 2023 at 10:24

Danny_Heeley

415 bronze badges

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

1 Comment

saleh Over a year ago

it worked for english character and tnx a lot. but when I call the method for persian character it return empty string.is there any way to protect persian character from encoding??

TopchetoEU · Accepted Answer · 2023-02-07 10:20:30Z

0

The provided code has no reason to not work, but I have a suspicion that in fact name is malformed. If I get the %E2%80%8C suffix in the URL and run it trough decodeURI, I get an empty string. However, if I manually convert it to the string \xe2\x80\x8c, I get the following: â\x80\x8C. This most probably means corrupted data.

answered Feb 7, 2023 at 10:20

TopchetoEU

6875 silver badges12 bronze badges

Comments

Codes_matter · Accepted Answer · 2023-02-07 10:22:29Z

0

Change your URL using encodeURIComponent

const nextState = encodeURIComponent('http://localhost/brands/Brilliance');
history.pushState({}, '', nextState);

This will change your url and the URL will not have any spaces and bad characters

answered Feb 7, 2023 at 10:22

Codes_matter

114 bronze badges

Collectives™ on Stack Overflow

prevent javascript to encode url

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related