How serialize objects with angularjs

Question

How can I serialize an object without using the $.param jquery?

I want the object below:

var user = {username: 'ronald.araujo', password: '123456',};

to have the following output:

username=ronald.araujo&password=123456

Any suggestions? Remembering that I would do this using Angularjs or pure Javascript.

EDIT:

I am using the verb "save" ($resource) the angularjs. How could I set the header "application / x-www-form-urlencoded" and serialize?

Do you mean serialize it to application/x-www-form-urlencoded format? There's a simple lib available here - github.com/iambumblehead/form-urlencoded — Phil
– Phil, Commented Apr 1, 2015 at 2:50
possible duplicate of How do I POST urlencoded form data with $http in AngularJS? — Phil
– Phil, Commented Apr 1, 2015 at 2:52
There's no built-in tool to do that in Angular afaik. But why do you want to do that? You can send any kinf of GET request without having to manually add the datat into the URL. — floribon
– floribon, Commented Apr 1, 2015 at 2:55

Community · Accepted Answer · 2017-05-23 10:30:58Z

6

Pure javascript can do it just fine:

function serializeObj(obj) {
    var result = [];

    for (var property in obj)
        result.push(encodeURIComponent(property) + "=" + encodeURIComponent(obj[property]));

    return result.join("&");
}

var user = {
    username: 'ronald.araujo',
    password: '123456'
};

var serialized = serializeObj(user);
console.log(serialized); //username=ronald.araujo&password=123456

The link to original answer: How do I POST urlencoded form data with $http in AngularJS?

edited May 23, 2017 at 10:30

CommunityBot

11 silver badge

answered Apr 1, 2015 at 6:17

Huy Hoang Pham

4,1471 gold badge19 silver badges28 bronze badges

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

Comments

Mehul Mali · Accepted Answer · 2017-04-13 12:48:23Z

1

You can use $httpParamSerializerJQLike;

.controller(function($http, $httpParamSerializerJQLike) {
  //...

 var serializedUser = $httpParamSerializerJQLike(user);

});

you can see $httpParamSerializerJQLike Documentation here.

answered Apr 13, 2017 at 12:48

Mehul Mali

3,2844 gold badges16 silver badges29 bronze badges

Comments

0x1ad2 · Accepted Answer · 2016-12-05 09:08:51Z

0

For angular 2 I think you can best use the following decorator https://github.com/pleerock/class-transformer to transform, serialize and deserialize objects.

To learn more about decorators see https://angular.io/docs/ts/latest/cookbook/ts-to-js.html

answered Dec 5, 2016 at 9:08

0x1ad2

8,0729 gold badges38 silver badges48 bronze badges

Collectives™ on Stack Overflow

How serialize objects with angularjs

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related