Velocity Reviews - Computer Hardware Reviews

Velocity Reviews > Newsgroups > Programming > Javascript > why encodeURIComponent() for data in body of POST XHR request?

Reply
Thread Tools

why encodeURIComponent() for data in body of POST XHR request?

 
 
Peter Michaux
Guest
Posts: n/a
 
      08-02-2007
Hi,

All Ajax libraries I've read use encodeURIComponent() on the name-
value pairs extracted from forms before POST ing the result to the
server with and xmlhttprequest. I can understand why this encoding is
required in the case of a GET request and the form data is attached as
a URI query string; however, why is the encoding necessary for POST
requests?

Thanks,
Peter

 
Reply With Quote
 
 
 
 
David Mark
Guest
Posts: n/a
 
      08-02-2007
On Aug 2, 12:43 am, Peter Michaux <petermich...@gmail.com> wrote:
> Hi,
>
> All Ajax libraries I've read use encodeURIComponent() on the name-
> value pairs extracted from forms before POST ing the result to the
> server with and xmlhttprequest. I can understand why this encoding is
> required in the case of a GET request and the form data is attached as
> a URI query string; however, why is the encoding necessary for POST
> requests?
>
> Thanks,
> Peter


URL encoding is simply the standard for name-value pairs in an HTTP
request. GET or POST doesn't enter into it (the pairs look exactly
the same in a POST request as they do when tacked onto the query
string for a GET.)

For example, imagine what would happen if you didn't encode the pairs
and one of the values had an ampersand in it.

 
Reply With Quote
 
 
 
 
Evertjan.
Guest
Posts: n/a
 
      08-02-2007
David Mark wrote on 02 aug 2007 in comp.lang.javascript:

> On Aug 2, 12:43 am, Peter Michaux <petermich...@gmail.com> wrote:
>>
>> All Ajax libraries I've read use encodeURIComponent() on the name-
>> value pairs extracted from forms before POST ing the result to the
>> server with and xmlhttprequest. I can understand why this encoding is
>> required in the case of a GET request and the form data is attached as
>> a URI query string; however, why is the encoding necessary for POST
>> requests?

>
> URL encoding is simply the standard for name-value pairs in an HTTP
> request. GET or POST doesn't enter into it (the pairs look exactly
> the same in a POST request as they do when tacked onto the query
> string for a GET.)
> For example, imagine what would happen if you didn't encode the pairs
> and one of the values had an ampersand in it.


When using POST, nothing would, I would imagine.


--
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)
 
Reply With Quote
 
David Mark
Guest
Posts: n/a
 
      08-02-2007
On Aug 2, 3:18 am, "Evertjan." <exjxw.hannivo...@interxnl.net> wrote:
> David Mark wrote on 02 aug 2007 in comp.lang.javascript:
>
> > On Aug 2, 12:43 am, Peter Michaux <petermich...@gmail.com> wrote:

>
> >> All Ajax libraries I've read use encodeURIComponent() on the name-
> >> value pairs extracted from forms before POST ing the result to the
> >> server with and xmlhttprequest. I can understand why this encoding is
> >> required in the case of a GET request and the form data is attached as
> >> a URI query string; however, why is the encoding necessary for POST
> >> requests?

>
> > URL encoding is simply the standard for name-value pairs in an HTTP
> > request. GET or POST doesn't enter into it (the pairs look exactly
> > the same in a POST request as they do when tacked onto the query
> > string for a GET.)
> > For example, imagine what would happen if you didn't encode the pairs
> > and one of the values had an ampersand in it.

>
> When using POST, nothing would, I would imagine.
>


What does that mean? You can certainly POST form data with ampersands
and they are normally encoded the same way as GET requests.


 
Reply With Quote
 
Evertjan.
Guest
Posts: n/a
 
      08-02-2007
David Mark wrote on 02 aug 2007 in comp.lang.javascript:

> On Aug 2, 3:18 am, "Evertjan." <exjxw.hannivo...@interxnl.net> wrote:
>> David Mark wrote on 02 aug 2007 in comp.lang.javascript:
>>
>> > On Aug 2, 12:43 am, Peter Michaux <petermich...@gmail.com> wrote:

>>
>> >> All Ajax libraries I've read use encodeURIComponent() on the name-
>> >> value pairs extracted from forms before POST ing the result to the
>> >> server with and xmlhttprequest. I can understand why this encoding
>> >> is required in the case of a GET request and the form data is
>> >> attached as a URI query string; however, why is the encoding
>> >> necessary for POST requests?

>>
>> > URL encoding is simply the standard for name-value pairs in an HTTP
>> > request. GET or POST doesn't enter into it (the pairs look exactly
>> > the same in a POST request as they do when tacked onto the query
>> > string for a GET.)
>> > For example, imagine what would happen if you didn't encode the
>> > pairs and one of the values had an ampersand in it.

>>
>> When using POST, nothing would, I would imagine.


> What does that mean?


Eh?
Nothing extaordinary would happen.

> You can certainly POST form data with ampersands
> and they are normally encoded the same way as GET requests.


With a simple querystring encoding is not automatic.

--
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)
 
Reply With Quote
 
Bart Van der Donck
Guest
Posts: n/a
 
      08-02-2007
Peter Michaux wrote:

> All Ajax libraries I've read use encodeURIComponent() on the name-
> value pairs extracted from forms before POST ing the result to the
> server with and xmlhttprequest. I can understand why this encoding is
> required in the case of a GET request and the form data is attached as
> a URI query string; however, why is the encoding necessary for POST
> requests?


Because POST uses the same characters to split ('&' and '=') by
default. The method doesn't matter; the data is just offered in
another part of the request.

GET looks like this (header):

GET /file.html?name=Bart&nr=4 HTTP/1.0

while default POST looks like this (body):

POST /file.html HTTP/1.0
Content-length: 15

name=Bart&nr=4

It's like in email conventions, where stuff can be stored in header or
in body.

You can see this mechanism very well in Perl's CGI processing, where
GET reads the input from the URL (a line in the header of the
request), while POST takes it from <STDIN> (body of request). The
further processing is identical; and the URL decoding is an important
step here.

I've seen the term "un-webify" for this kind of processing rather than
"URL-decoding"; the latter indeed sounds like it refers to GET only.

But the encoding of POST-ed data is only the default behaviour of the
browser (which is done in Ajax "by hand" in such libraries).

<form method="post">

actually means:

<form method="post"
enctype="application/x-www-form-urlencoded">

But it's possible to disable this URL-encoding for POST-ed data,
mostly to transfer (binary) files to the gateway software. In the
following example, you tell the form not to encode anything:

<form method="post" enctype="multipart/form-data">

This is the only case where 'é' will be passed as 'é'; under default
GET/POST rules it will always be passed as '%E9'.

Again, this is identical to email; all mail attachments are sent using
multipart (but, unlike HTTP, they are additionally base64-encoded).

So as a general conclusion: Ajax libraries must invoke
encodeURIComponent() when sending POST-requests in the "application/x-
www-form-urlencoded" encoding type. They must always invoke
encodeURIComponent() for GET. They must not invoke
encodeURIComponent() in the POST "multipart/form-data" type.

Obviously, it also depends on how the gateway software is configured
how to handle incoming data (this will be URL decoded by default).

Hope this helps,

--
Bart

 
Reply With Quote
 
Bart Van der Donck
Guest
Posts: n/a
 
      08-02-2007
"Evertjan." wrote:

David Mark wrote:

>> You can certainly POST form data with ampersands
>> and they are normally encoded the same way as GET requests.

>
> With a simple querystring encoding is not automatic.


URL-encoding is 'automatic' in browsers as long as you don't override
this setting. POST or GET doesn't matter; browser will URL-encode all
form values by default before sending them to server.

If you don't want this to happen, you should use

<form method="post" enctype="multipart/form-data">

to receive non-encoded data at server.

--
Bart

 
Reply With Quote
 
Peter Michaux
Guest
Posts: n/a
 
      08-02-2007
On Aug 1, 10:19 pm, David Mark <dmark.cins...@gmail.com> wrote:
> On Aug 2, 12:43 am, Peter Michaux <petermich...@gmail.com> wrote:
>
> > Hi,

>
> > All Ajax libraries I've read use encodeURIComponent() on the name-
> > value pairs extracted from forms before POST ing the result to the
> > server with and xmlhttprequest. I can understand why this encoding is
> > required in the case of a GET request and the form data is attached as
> > a URI query string; however, why is the encoding necessary for POST
> > requests?

>
> > Thanks,
> > Peter

>
> URL encoding is simply the standard for name-value pairs in an HTTP
> request. GET or POST doesn't enter into it (the pairs look exactly
> the same in a POST request as they do when tacked onto the query
> string for a GET.)
>
> For example, imagine what would happen if you didn't encode the pairs
> and one of the values had an ampersand in it.


Thanks, David. Now it is obvious using '&' as a separator implies the
keys and values can't have '&'. I've let myself be tripped up by
thinking these requests are more magical than just text transfer
before.

Peter

 
Reply With Quote
 
Peter Michaux
Guest
Posts: n/a
 
      08-02-2007
On Aug 2, 2:39 am, Bart Van der Donck <b...@nijlen.com> wrote:
> Peter Michaux wrote:
> > All Ajax libraries I've read use encodeURIComponent() on the name-
> > value pairs extracted from forms before POST ing the result to the
> > server with and xmlhttprequest. I can understand why this encoding is
> > required in the case of a GET request and the form data is attached as
> > a URI query string; however, why is the encoding necessary for POST
> > requests?

>
> Because POST uses the same characters to split ('&' and '=') by
> default. The method doesn't matter; the data is just offered in
> another part of the request.
>
> GET looks like this (header):
>
> GET /file.html?name=Bart&nr=4 HTTP/1.0
>
> while default POST looks like this (body):
>
> POST /file.html HTTP/1.0
> Content-length: 15
>
> name=Bart&nr=4
>
> It's like in email conventions, where stuff can be stored in header or
> in body.
>
> You can see this mechanism very well in Perl's CGI processing, where
> GET reads the input from the URL (a line in the header of the
> request), while POST takes it from <STDIN> (body of request). The
> further processing is identical; and the URL decoding is an important
> step here.
>
> I've seen the term "un-webify" for this kind of processing rather than
> "URL-decoding"; the latter indeed sounds like it refers to GET only.
>
> But the encoding of POST-ed data is only the default behaviour of the
> browser (which is done in Ajax "by hand" in such libraries).
>
> <form method="post">
>
> actually means:
>
> <form method="post"
> enctype="application/x-www-form-urlencoded">
>
> But it's possible to disable this URL-encoding for POST-ed data,
> mostly to transfer (binary) files to the gateway software. In the
> following example, you tell the form not to encode anything:
>
> <form method="post" enctype="multipart/form-data">
>
> This is the only case where 'é' will be passed as 'é'; under default
> GET/POST rules it will always be passed as '%E9'.
>
> Again, this is identical to email; all mail attachments are sent using
> multipart (but, unlike HTTP, they are additionally base64-encoded).
>
> So as a general conclusion: Ajax libraries must invoke
> encodeURIComponent() when sending POST-requests in the "application/x-
> www-form-urlencoded" encoding type. They must always invoke
> encodeURIComponent() for GET. They must not invoke
> encodeURIComponent() in the POST "multipart/form-data" type.
>
> Obviously, it also depends on how the gateway software is configured
> how to handle incoming data (this will be URL decoded by default).
>
> Hope this helps,


It helps a lot. Thanks.

Peter

 
Reply With Quote
 
Evertjan.
Guest
Posts: n/a
 
      08-02-2007
Bart Van der Donck wrote on 02 aug 2007 in comp.lang.javascript:

> "Evertjan." wrote:
>
> David Mark wrote:
>
>>> You can certainly POST form data with ampersands
>>> and they are normally encoded the same way as GET requests.

>>
>> With a simple querystring encoding is not automatic.

>
> URL-encoding is 'automatic' in browsers as long as you don't override
> this setting. POST or GET doesn't matter; browser will URL-encode all
> form values by default before sending them to server.
>
> If you don't want this to happen, you should use
>
> <form method="post" enctype="multipart/form-data">
>
> to receive non-encoded data at server.


I wrote:
>> With a simple querystring encoding is not automatic.


var q = 'text=me&you'
location.href = 'http://cnn.com/?' + q

will be encoded?


--
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)
 
Reply With Quote
 
 
 
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
XHR and responseXML == null why ? Une Bévue Javascript 8 04-28-2008 03:39 PM
findcontrol("PlaceHolderPrice") why why why why why why why why why why why Mr. SweatyFinger ASP .Net 2 12-02-2006 03:46 PM
XHR abort(): IE hangs after two aborts. Sri Javascript 0 09-29-2006 05:50 PM
multiple xhr requests Erich Lin Ruby 3 07-07-2006 01:21 PM
Set document loaded by XHR into Frame Adam Ratcliffe Javascript 0 04-16-2005 03:01 AM



Advertisments
 



1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57