&-character in Ajax-Requests by POST-Method

Question

I hace the following code-Snippelets

I have an &-character in a HTML(PHP)-form [see Graphics]

I send this data to a Javascropt-file by a button

<button onclick="sendEntry()" > Senden </button>

sendEntry is defined as follows:

....

  if(document.getElementById("Eintrag").value==""){
        ERROR= ERROR + "Kein Eintrag eingegeben\n";             
    }
    else{
        **PARAMS=PARAMS** + "&Eintrag=" + document.getElementById("Eintrag").value; 
     }

...

the result is sent to a Ajax-request:

ajaxRequest.open("POST", "./../php/MakeEntry.php", true);
    ajaxRequest.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    ajaxRequest.send(PARAMS);

....

How can I avoid that the &-char auses a new POST-Parameter as shown in the Graphics ??

You can encode your data and send , this link will help you for JavaScript encode http://stackoverflow.com/questions/18279141/javascript-string-encryption-and-decryption — Elby, Oct 04 '16 at 08:34

score 0 · Answer 1 · answered Oct 04 '16 at 07:57

0

ajaxRequest.open("POST", "./../php/MakeEntry.php", true);
ajaxRequest.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
ajaxRequest.send(encodeURI(PARAMS));

Try to encode your data ;)

answered Oct 04 '16 at 07:57

Steeve Pitis

4,283
1
21
24

score 0 · Answer 2 · answered Oct 04 '16 at 08:01

You need to encode the individual values that you are sending in the url so that they will not be interpreted as special characters:

else{
    **PARAMS=PARAMS** + "&Eintrag=" + encodeURIComponent(document.getElementById("Eintrag").value); 
 }

Note that this applies to all values, the example is just for the last one you are adding.

&-character in Ajax-Requests by POST-Method

2 Answers2