Can't send '+' character over ajax

Question

I have a script that makes an ajax request passing 3 different data : eventName / ticketsToWin / totalWinners.

My whole process was working perfectly until I had this case : "SCi+Tec" as the eventName variable. Here is what looks like the data of the request just before sending :

name=Sci+Tec&ticketsToWin=1&totalWinners=2

But then, on the PHP side, if I dump the _GET array, I have this :

array(4) {
  ["name"]=> string(7) "Sci Tec"
  ["ticketsToWin"]=> string(1) "1"
  ["totalWinners"]=> string(1) "2"
  ["_"]=> string(13) "1372359516001"

}

The '+' character is missing in the name, which breaks everything that comes after. Any idea why ?!

Thans!

score 3 · Accepted Answer · edited May 23 '17 at 11:56

3

encode your string:

name=Sci%2BTec&ticketsToWin=1&totalWinners=2

Or easier:

var str = 'name=Sci+Tec&ticketsToWin=1&totalWinners=2';
var encoded = encodeURIComponent(str);

see the docs or this Question

edited May 23 '17 at 11:56

Community

1
1

answered Jun 27 '13 at 19:05

rene

41,474
78
114
152

score 0 · Answer 2 · answered Jun 27 '13 at 19:03

0

I'm pretty sure that the plus sign in URLs is used instead of a space, like in a google search, you give the following query:

"How to send an email",

It will show in the URL as:

"How+to+send+an+email".

Try POSTing it.

answered Jun 27 '13 at 19:03

thephpdev

1,097
10
25

score 0 · Answer 3 · answered Jun 27 '13 at 19:05

In Urls, spaces in query strings are automatically replaced by plus signs. So when the server gets Sci+Tec, it thinks there is supposed to be a space there. You will need to escape it with its url encoding: %2B.

More on Url encoding: http://www.w3schools.com/tags/ref_urlencode.asp

score 0 · Answer 4 · answered Jun 27 '13 at 19:07

0

you could either use a java url encode or a javascript encoder

URLEncoder.encode(yourString)

answered Jun 27 '13 at 19:07

happybuddha

1,271
2
20
40

Can't send '+' character over ajax

4 Answers4