decodeURIComponent in form querystring

Question

When i submit my form it will add hidden input as query string in browser url.

$('form').on("submit", function(event) {
    event.preventDefault();
    // what i tried
    
    console.log($(this).attr('action'));
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form method="GET">
<input type="hidden" name="d" value="2,1">
<input type="submit" value="Submit"/>
</form>

The result for this example is:

/box?d=2%2C1

But i don't want to see %2C (it's comma), i know about decodeURIComponent but i have know idea how to grab this form action and use this component on it, i tried this:

decodeURIComponent($(this).attr('action'));

But it return undefined.

Goal:

get form action + query string and use decodeURIComponent on it to remove %2C OR
remove %2C in query string in url with comma directly.

I want this result:

/box?d=2,1

you cant have commas in query strings, it has to be sent encoded — mast3rd3mon, Dec 15 '17 at 14:32
@NullDev i mean, get this `/box?d=2,1` before send to browser url , this is an action, isn't it? — Padideh, Dec 15 '17 at 14:35
what happens when you click the button, read the hidden value, encodeURIComponent it and finally when you read, decode it ! have you tried that? — Reza.Hoque, Dec 15 '17 at 14:36
Also if what the URL looks like bothers you, don't use GET, use POST. — Keith, Dec 15 '17 at 14:40
@Kaddath no, i'm not worry about server side, i know about php decode urI. just worry about this annoying shape of `%2C`. — Padideh, Dec 15 '17 at 14:40
@kandroid i can't `encodeURIComponent` because it goes to url automatically. when i click the button, it automatically append query strings to my url. this is what i asked, that how can i get this magic `action url` before it goes on browser url. — Padideh, Dec 15 '17 at 14:42
@mast3rd3mon just think it's bad to see `%2C` in url. i know it's naturally, but what you think about this? = > `/box?d=2,1,3` or `/box?d=2%2C1%2C3` which one is readable and pretty? — Padideh, Dec 15 '17 at 14:45
but which of those actually works? think about usability, plus why does it matter how pretty it is? — mast3rd3mon, Dec 15 '17 at 14:46
`/box?d=2:1:3` wouldn't look too bad.. or `/box?d=2.1.3`, just not comma, that's how browsers work. — Keith, Dec 15 '17 at 14:47
@mast3rd3mon you absolutely right, but I am a bit obsessive.. this is no matter at all. — Padideh, Dec 15 '17 at 14:48

score 0 · Answer 1 · answered Dec 15 '17 at 14:49

0

You should only decode URIs server-side or if you receive this request in your client somehow, never on submit. URIs are encoded for safe "transport" (sometimes must be explicitly encoded). Code behavior is as expected or I fail to see your point.

answered Dec 15 '17 at 14:49

Paun Narcis Iulian

779
7
15

Yea, @mast3rd3mon mentioned in comments. but i still thinking how can i do this in this case, This form all happened in client side, not server. how can i handle this form and action on server side? any example? guide or etc – Padideh Dec 15 '17 at 14:53
First I would use POST method in conjunction with a form submit. Second, what's on your server? – Paun Narcis Iulian Dec 15 '17 at 15:03
using `php` on server – Padideh Dec 15 '17 at 15:05
create a file with this, is basic behavior:

– Paun Narcis Iulian Dec 15 '17 at 15:23

decodeURIComponent in form querystring

1 Answers1