How to parse data object in express from ajax POST

Question

I'm posting to an express app using like this:

$.ajax
    type: "POST"
    url: localUrl
    data: data
    cache: false
    dataType: 'native'
    xhrFields:
        responseType: 'blob'

And this is what the data looks like:

data =
    'options':
        'format': 'Letter'      
        'border':
            'top': '2in'
            'right': '1in'
            'bottom': '2in'
            'left': '1.5i'
        'header':
            'height': '45mm'
            'contents': header

When I log the req.body in the Express app, the results looks like this:

{
  'options[format]': 'Letter',
  'options[border][top]': '2in',
  'options[border][right]': '1in',
  'options[border][bottom]': '2in',
  'options[border][left]': '1.5i',
  'options[header][height]': '45mm',
  'options[header][contents]': '<div class="pdf-header">\n\tChart generated by http://collab.craft.dev\n</div>',
  'options[footer][height]': '28mm',
  'options[footer][contents]': '<div class="pdf-footer">\n\tTue May 24 2016 10:32:36 GMT+0100 (BST)\n</div>'
}

This means I am unable to access (eg) the border.top property using req.body.options.border.top.

What's going on here and how can I ensure that the object structure is maintained?

Many thanks!

Unfortunately not. I think because the object structure is being collapsed into the format I printed above. I realised I'd typed it out wrong. Now edited. — bravokiloecho
– bravokiloecho, Commented May 24, 2016 at 9:47

robertklep · Accepted Answer · 2016-05-24 10:09:47Z

1

You need to enable "extended syntax":

app.use( bodyParser.urlencoded({ extended : true }) );

answered May 24, 2016 at 10:09

robertklep

205k38 gold badges421 silver badges413 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

bravokiloecho Over a year ago

Perfect, thank you! Is there a reason why that's usually set to false?

robertklep Over a year ago

@bravokiloecho the documentation states that the default is true. Perhaps you're using an older version?

Community · Accepted Answer · 2017-05-23 11:52:49Z

1

First - How to retrieve POST query parameters in Express

Second, let's introduce some method for structure validation

function isValid(o, validStructure) {
  return Object.keys(validStructure).every(function(key) {
    if (Object.prototype.toString.call(validStructure[key]) === '[object Object]') {
      return isValid(o[key], validStructure[key])
    } else {
      return Object.prototype.toString.call(validStructure[key]) === Object.prototype.toString.call(o[key])
    }
  })
}

After that you can compare received object with the perfect one, like that;

var expetedStructure = {
  a: {},
  b: 'String',
  c: [],
  d: 1,
  e: {
    f: 'a'
  }
}

if(isValid(requestObj, expectedStructure)) {
  // suport it as requested object has valid structure
} else {
  // support validation error
}

edited May 23, 2017 at 11:52

CommunityBot

11 silver badge

answered May 24, 2016 at 10:20

Krzysztof Safjanowski

7,4583 gold badges38 silver badges50 bronze badges

Collectives™ on Stack Overflow

How to parse data object in express from ajax POST

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related