Problem sending data via ajax post request

[mm765]

Hi,
i have a problem sending data via a post request to my server.

It works fine with simple data (strings, numbers) but it goes wrong when i send arrays or objects as the data.
I have this data structure that i am trying to send:
(console.log on the client)
Userdata
Object {Name: "mm", LoginName: "mm", Password: "mm", Roles: Array[2], Language: "de"…}
Groups
:
Array[2]
0
:
"56f064923e30b1c32aabd8ef"
1
:
"56f064923e30b1c32aabd8f0"
length
:
2
proto
:
Array[0]
Language
:
"de"
LoginName
:
"mm"
Name
:
"mm"
Password
:
"mm"
Roles
:
Array[2]
0
:
"56f064923e30b1c32aabd8ec"
1
:
"56f064923e30b1c32aabd8ed"
length
:
2
proto
:
Array[0]
proto
:
Object

i send this as an object like this
data = {}
data.userData = (above object)
simplified
ajax
type: POST
content-type: application/json
data: data

on the server console.dir(reqdata: req.data) shows:
(object)
reqdata
itkfc e203eaaa-3200-8fe3-8f55-57643d68b2a5
userData%5BName%5D mm
userData%5BLoginName%5D mm
userData%5BPassword%5D mm
userData%5BRoles%5D%5B%5D 56f064923e30b1c32aabd8ed
userData%5BLanguage%5D de
userData%5BGroups%5D%5B%5D 56f064923e30b1c32aabd8f0

if i dont send it as a subobject of the data, i get a problem with the arrays (Roles, Groups) where it displays them similar to the above.
Any idea ?

[mschwartz]

Try res.send()

On Monday, March 21, 2016, mm765 notifications@github.com wrote:

Hi,
i have a problem sending data via a post request to my server.

It works fine with simple data (strings, numbers) but it goes wrong when i
send arrays or objects as the data.
I have this data structure that i am trying to send:
(console.log on the client)
Userdata
Object {Name: "mm", LoginName: "mm", Password: "mm", Roles: Array[2],
Language: "de"…}
Groups
:
Array[2]
0
:
"56f064923e30b1c32aabd8ef"
1
:
"56f064923e30b1c32aabd8f0"
length
:
2
proto
:
Array[0]
Language
:
"de"
LoginName
:
"mm"
Name
:
"mm"
Password
:
"mm"
Roles
:
Array[2]
0
:
"56f064923e30b1c32aabd8ec"
1
:
"56f064923e30b1c32aabd8ed"
length
:
2
proto
:
Array[0]
proto
:
Object

i send this as an object like this
data = {}
data.userData = (above object)
simplified
ajax
type: POST
content-type: application/json
data: data

on the server console.dir(reqdata: req.data) shows:
(object)
reqdata http://object
itkfc http://string e203eaaa-3200-8fe3-8f55-57643d68b2a5
userData%5BName%5D http://string mm
userData%5BLoginName%5D http://string mm
userData%5BPassword%5D http://string mm
userData%5BRoles%5D%5B%5D http://string 56f064923e30b1c32aabd8ed
userData%5BLanguage%5D http://string de
userData%5BGroups%5D%5B%5D http://string 56f064923e30b1c32aabd8f0

if i dont send it as a subobject of the data, i get a problem with the
arrays (Roles, Groups) where it displays them similar to the above.
Any idea ?

—
You are receiving this because you are subscribed to this thread.
Reply to this email directly or view it on GitHub
#18

[mschwartz]

My bad.

Try JSON.stringify() data before sending it. JSON.parse() on the server
sude.

On Monday, March 21, 2016, Mike Schwartz mykesx@gmail.com wrote:

Try res.send()

On Monday, March 21, 2016, mm765 <notifications@github.com
javascript:_e(%7B%7D,'cvml','notifications@github.com');> wrote:

Hi,
i have a problem sending data via a post request to my server.

It works fine with simple data (strings, numbers) but it goes wrong when
i send arrays or objects as the data.
I have this data structure that i am trying to send:
(console.log on the client)
Userdata
Object {Name: "mm", LoginName: "mm", Password: "mm", Roles: Array[2],
Language: "de"…}
Groups
:
Array[2]
0
:
"56f064923e30b1c32aabd8ef"
1
:
"56f064923e30b1c32aabd8f0"
length
:
2
proto
:
Array[0]
Language
:
"de"
LoginName
:
"mm"
Name
:
"mm"
Password
:
"mm"
Roles
:
Array[2]
0
:
"56f064923e30b1c32aabd8ec"
1
:
"56f064923e30b1c32aabd8ed"
length
:
2
proto
:
Array[0]
proto
:
Object

i send this as an object like this
data = {}
data.userData = (above object)
simplified
ajax
type: POST
content-type: application/json
data: data

on the server console.dir(reqdata: req.data) shows:
(object)
reqdata http://object
itkfc http://string e203eaaa-3200-8fe3-8f55-57643d68b2a5
userData%5BName%5D http://string mm
userData%5BLoginName%5D http://string mm
userData%5BPassword%5D http://string mm
userData%5BRoles%5D%5B%5D http://string 56f064923e30b1c32aabd8ed
userData%5BLanguage%5D http://string de
userData%5BGroups%5D%5B%5D http://string 56f064923e30b1c32aabd8f0

if i dont send it as a subobject of the data, i get a problem with the
arrays (Roles, Groups) where it displays them similar to the above.
Any idea ?

—
You are receiving this because you are subscribed to this thread.
Reply to this email directly or view it on GitHub
#18

[mm765]

Tried that to no avail, when sending as object, it seems to get stringified twice so the result on the server looks like this:
(object)
reqdata
itkfc e203eaaa-3200-8fe3-8f55-57643d68b2a5
post userData=%7B%22Name%22%3A%22mm%22%2C%22LoginName%22%3A%22mm%22%2C%22Password%22%3A%22mm%22%2C%22Roles%22%3A%5B%2256f064923e30b1c32aabd8ec%22%2C%2256f064923e30b1c32aabd8ed%22%5D%2C%22Language%22%3A%22de%22%2C%22Groups%22%3A%5B%2256f064923e30b1c32aabd8ef%22%2C%2256f064923e30b1c32aabd8f0%22%5D%7D

[mschwartz]

Uses jQuery.

The params argument is an object like the one you want to send.

function rpc(method, params, callback) {
var service = method.split('.');

params = params || {};
params.method = service[1];

$.ajax('/Services/' + service[0] + '.sjs', {
    type     : 'POST',
    dataType : 'json',
    data     : params,
    success  : function (data, status, xhr) {
        if (callback) {
            callback(data);
        }
    },
    error    : function (jqXHR, textStatus, errorThrown) {
        var o = jqXHR.responseJSON;
        if (o && o.exception) {
            console.log(o.exception);
        }
        else {
            console.dir(arguments);
            o = { success : false, message : jqXHR.responseText };
        }
        if (callback) {
            callback(o);
        }
    }
});

}

On Mon, Mar 21, 2016 at 6:09 PM, mm765 notifications@github.com wrote:

Tried that to no avail, when sending as object, it seems to get
stringified twice so the result on the server looks like this:
(object)
reqdata http://object
itkfc http://string e203eaaa-3200-8fe3-8f55-57643d68b2a5
post http://string
userData=%7B%22Name%22%3A%22mm%22%2C%22LoginName%22%3A%22mm%22%2C%22Password%22%3A%22mm%22%2C%22Roles%22%3A%5B%2256f064923e30b1c32aabd8ec%22%2C%2256f064923e30b1c32aabd8ed%22%5D%2C%22Language%22%3A%22de%22%2C%22Groups%22%3A%5B%2256f064923e30b1c32aabd8ef%22%2C%2256f064923e30b1c32aabd8f0%22%5D%7D

—
You are receiving this because you commented.
Reply to this email directly or view it on GitHub
#18 (comment)

[mm765]

ok, when sending it not as a subobject, i can stringify it on the client
data = JSON.stringify(userData)
and then i can parse it on the server using
JSON.parse(req.data.post)

I am wondering though if the problem is just some parsing thats not going through things recursively since simple items like strings work without stringigying and parsing ..

[mschwartz]

https://tools.ietf.org/html/rfc7230

:)

Look at the chrome dev tools, network transactions and see what's being
sent.

See
https://github.com/decafjs/decaf/blob/master/modules/http/lib/Request.js#L253

On Mon, Mar 21, 2016 at 6:19 PM, mm765 notifications@github.com wrote:

ok, when sending it not as a subobject, i can stringify it on the client
data = JSON.stringify(userData)
and then i can parse it on the server using
JSON.parse(req.data.post)

I am wondering though if the problem is just some parsing thats not going
through things recursively since simple items like strings work without
stringigying and parsing ..

—
You are receiving this because you commented.
Reply to this email directly or view it on GitHub
#18 (comment)

[mm765]

Interesting, it seems the content-type is changed to application/x-www-form-urlencoded; charset=UTF-8
and therefor the json.parse on the server is not executed..

[mschwartz]

Not decaf's fault :)

On Mon, Mar 21, 2016 at 6:38 PM, mm765 notifications@github.com wrote:

Interesting, it seems the content-type is changed to
application/x-www-form-urlencoded; charset=UTF-8
and therefor the json.parse on the server is not executed..

—
You are receiving this because you commented.
Reply to this email directly or view it on GitHub
#18 (comment)

[mm765]

Weird, have to find out where this comes from - thanks for your help once again.

[mm765]

Ok, i got it:
On the client i do:
data = {}
data.userData = userData
and then i send it stringyfied to the server, setting the contentType variable of the jquery-ajax-request to application/json (i tried content-type/Content-Type before, which did not work ..)
then, on the server, the data is parsed automatically so i don't have to parse it "manually".
Now i can finally create new users :)

[mschwartz]

data = {
userData: userData
};

works, too.

On Mon, Mar 21, 2016 at 6:58 PM, mm765 notifications@github.com wrote:

Ok, i got it:
On the client i do:
data = {}
data.userData = userData
and then i send it stringyfied to the server, setting the contentType
variable of the jquery-ajax-request to application/json (i tried
content-type/Content-Type before, which did not work ..)
then, on the server, the data is parsed automatically so i don't have to
parse it "manually".
Now i can finally create new users :)

—
You are receiving this because you commented.
Reply to this email directly or view it on GitHub
#18 (comment)