Properly serializing non-primitive / array query parameters

[buschtoens]

Query parameters seems to be getting a lot of attention lately, so I wanted to chime in with a feature request.

Currently non-primitive query parameter values are just passed through encodeURIComponent(JSON.stringify(value)), which results in rather ugly URLs.

This example controller pushes a 'd' onto the original array, triggering a QP change.

export default Ember.Controller.extend({
  queryParams: ['array'],
  array: ['a' ,'b', 'c'],
  
  init() {
    this._super(...arguments);
    
    Ember.run.schedule('afterRender', null, () => {
      this.get('array').pushObject('d');
    });
  }
});

The URL I would expect is:

/?array[]=a&array[]=b&array[]=c&array[]=d

However the URL I get is:

/?array=%5B%22a%22%2C%22b%22%2C%22c%22%2C%22d%22%5D

Here's a Twiddle.

[rwjblue]

/cc @nathanhammond

[rwjblue]

I believe this is a duplicate of #14174, can you review and confirm?

[nathanhammond]

I do consider this to be a duplicate of #14174. @buschtoens I'm working on this over here: https://github.com/nathanhammond/query-string-spec

[buschtoens]

Awesome! I'll keep an eye on your repo. Thaks a lot. 😃