471,310 Members | 1,265 Online
Bytes | Software Development & Data Engineering Community
Post +

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 471,310 software developers and data experts.

POST data with XMLHttpRequest to CGI (Mozilla)

My JavaScript is trying to POST data to a CGI script (Perl) using
XMLHttpRequest. My CGI server gets different data from IE than Mozilla
Firefox.

// For Mozilla, req = new XMLHttpRequest();
// For IE req = new ActiveXObject("Microsoft.XMLHTTP");
req.onreadystatechange = requestHandler ; // function to handle async
response
req.open('POST', myURL, true); // use POST
req.send('foo=11&bar=22') ;

A Perl CGI script prints the parameters passed to it.
$q = new CGI ;
foreach my $param ($q->param) {
print "$param: " . $q->param($param) . "\n" ;
}

The data received by the CGI script is inconsistent, depending if the client
is IE or Mozilla (Firefox)
Server result from IE client:
foo: 11
bar: 22
Server result from Mozilla Firefox client:
POSTDATA: foo=11&bar=22

It seems that the POST data IE sends is more correct than the Mozilla data.
Is there another way to send the data in Mozilla so the CGI script will give
the same results. I could easily adjust the CGI script, but I think the
problem is at the client.

Jarson (jarson from sygration, that's a dot com company if you need to send
an email)

Jul 23 '05 #1
5 10015
On Sat, 30 Apr 2005 12:55:08 -0400, "Jarson" <ja*****@nospam.com> wrote:
My JavaScript is trying to POST data to a CGI script (Perl) using
XMLHttpRequest. My CGI server gets different data from IE than Mozilla
Firefox.

// For Mozilla, req = new XMLHttpRequest();
// For IE req = new ActiveXObject("Microsoft.XMLHTTP");
req.onreadystatechange = requestHandler ; // function to handle async
response
req.open('POST', myURL, true); // use POST
req.send('foo=11&bar=22') ;

A Perl CGI script prints the parameters passed to it.
$q = new CGI ;
foreach my $param ($q->param) {
print "$param: " . $q->param($param) . "\n" ;
}

The data received by the CGI script is inconsistent, depending if the client
is IE or Mozilla (Firefox)
Server result from IE client:
foo: 11
bar: 22
Server result from Mozilla Firefox client:
POSTDATA: foo=11&bar=22

It seems that the POST data IE sends is more correct than the Mozilla data.
Is there another way to send the data in Mozilla so the CGI script will give
the same results. I could easily adjust the CGI script, but I think the
problem is at the client.


Aren't you missing setting the content-type for your request, that is, using:

req.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded;');

Perhaps one browser fills in the blanks whereas the other doesn't; either way
you ought to explicitly state it when POSTing data.

--
Andy Hassall / <an**@andyh.co.uk> / <http://www.andyh.co.uk>
<http://www.andyhsoftware.co.uk/space> Space: disk usage analysis tool
Jul 23 '05 #2


Jarson wrote:
My JavaScript is trying to POST data to a CGI script (Perl) using
XMLHttpRequest. My CGI server gets different data from IE than Mozilla
Firefox.

// For Mozilla, req = new XMLHttpRequest();
// For IE req = new ActiveXObject("Microsoft.XMLHTTP");
req.onreadystatechange = requestHandler ; // function to handle async
response
req.open('POST', myURL, true); // use POST
First make the open call, then set the onreadystatechange handler and
then before you send the data set the HTTP request header e.g.
if (typeof req.setRequestHeader != 'undefined') {
req.setRequestHeader('Content-Type',
'application/x-www-form-urlencoded');
}
req.send('foo=11&bar=22') ;


as that seems to be the content type of the data you want to post.
--

Martin Honnen
http://JavaScript.FAQTs.com/
Jul 23 '05 #3
MAGIC!! Adding setRequestHeader to my JavaScript fixed it!

setRequestHeader was missing from my code and all of the documentation and
samples I've read!
Unscientific research:

Google for +XMLHttpRequest +send = 65,500 results
Google for +XMLHttpRequest +setRequestHeader = 516 results

Thanks Martin and Andy for that piece of valuable information!
Jarson

"Martin Honnen" <ma*******@yahoo.de> wrote in message
news:42**********************@newsread2.arcor-online.net...


Jarson wrote:
My JavaScript is trying to POST data to a CGI script (Perl) using
XMLHttpRequest. My CGI server gets different data from IE than Mozilla
Firefox.

// For Mozilla, req = new XMLHttpRequest();
// For IE req = new ActiveXObject("Microsoft.XMLHTTP");
req.onreadystatechange = requestHandler ; // function to handle
async response
req.open('POST', myURL, true); // use POST


First make the open call, then set the onreadystatechange handler and then
before you send the data set the HTTP request header e.g.
if (typeof req.setRequestHeader != 'undefined') {
req.setRequestHeader('Content-Type',
'application/x-www-form-urlencoded');
}
req.send('foo=11&bar=22') ;


as that seems to be the content type of the data you want to post.
--

Martin Honnen
http://JavaScript.FAQTs.com/

Jul 23 '05 #4
Martin Honnen wrote:
Jarson wrote:
My JavaScript is trying to POST data to a CGI script (Perl) using
XMLHttpRequest. My CGI server gets different data from IE than Mozilla
Firefox.

// For Mozilla, req = new XMLHttpRequest();
// For IE req = new ActiveXObject("Microsoft.XMLHTTP");
req.onreadystatechange = requestHandler ; // function to handle
async response
req.open('POST', myURL, true); // use POST


First make the open call, then set the onreadystatechange handler [...]


Does not make sense to me. Why?
PointedEars
Jul 23 '05 #5
Thomas 'PointedEars' Lahn <Po*********@web.de> writes:
Martin Honnen wrote:


[XMLHttpRequest]
First make the open call, then set the onreadystatechange handler [...]


Does not make sense to me. Why?


Why it doesn't make sense to you? Who knows :)

Anyway: The "open" call doesn't make the connection, it merely sets up
the request-object. The actual connection is created when the "send"
method is called, and the ready-state will not change until this
point. That means that it's safe to assign the handler after the call
to "open".

Some browsers will not honor event handlers set before the "open"
call, as if that call completely initializes the object.

/L
--
Lasse Reichstein Nielsen - lr*@hotpop.com
DHTML Death Colors: <URL:http://www.infimum.dk/HTML/rasterTriangleDOM.html>
'Faith without judgement merely degrades the spirit divine.'
Jul 23 '05 #6

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

9 posts views Thread by Robin Becker | last post: by
11 posts views Thread by Todd | last post: by
3 posts views Thread by David Given | last post: by
2 posts views Thread by M B HONG 20 | last post: by
3 posts views Thread by Jim Lawton | last post: by
2 posts views Thread by libsfan01 | last post: by

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.