PUT and PATCH sending application/x-www-form-urlencoded data

Using 0.5.4

I’m trying to use axios on my front end and fuel on the backend. Fuel Input::patch(‘param’) will give me data from the form request of type patch. This is also true for PUT. Perhaps also POST a.s.o.

When I use axios the data is empty and if I use jquery I get my data just fine.

        $.ajax({
            method: "PATCH",
            url: URL,
            data: {
                'firstname': this.state.account.firstname,
                'surname': this.state.account.surname,
            }
        })
        .done(function( msg ) {
            console.log(msg);
        });

        axios.patch(URL, {
                'firstname': this.state.account.firstname,
                'surname': this.state.account.surname,
            })
            .then((response) => {
                   console.log(response);
            });

The difference is if you look at chrome developer tools that jquery sends the data as formData and axios sends the data as json request payload.

[molily]

How about axios including the above-mentioned serialization code so a Content-Type of application/x-www-form-urlencoded triggers the right encoding when an object is passed?

axios.post(
  '/foo',
  { some: 'data' },
  { headers: { 'Content-Type': 'application/x-www-form-urlencoded' } }
);

… should work out of the box IMHO. Or do I miss something?

[nickuraltsev]

axios v0.12.0 supports URLSearchParams which can be used to send the data as application/x-www-form-urlencoded from the browser:

var params = new URLSearchParams();
params.append('param1', 'value1');
params.append('param2', 'value2');
axios.post('/foo', params); 

Please note that URLSearchParams is not supported by all browsers, so you may need to polyfill it. (Make sure to add the polyfill to the global scope.)