如何使用angularjs序列化对象

如何在不使用jQuery的情况下序列化一个对象$.param？如何使用angularjs序列化对象

我想下面的对象：

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

有以下的输出：

username=ronald.araujo&password=123456

有什么建议？记住我会用Angularjs或纯Javascript来做到这一点。

编辑：

我现在用的动词 “保存”（$资源）的angularjs。我怎么能设置标题“application/x-www-form-urlencoded”并且序列化？

来源

2015-04-01 Ronald Araújo

你的意思是将它序列化为'application/x-www-form-urlencoded'格式？这里有一个简单的lib可用 - https://github.com/iambumblehead/form-urlencoded – Phil 2015-04-01 02:50:10

可能的重复[如何使用$ http在AngularJS中POST urlencoded表单数据？]（http://stackoverflow.com/questions/ 24710503/how-do-i-post-urlencoded-form-data-with-http-in-angularjs） – Phil 2015-04-01 02:52:53

在Angular afaik中没有内置的工具。但你为什么要这么做？您可以发送任何GET请求，而无需手动将数据添加到URL中。 – floribon 2015-04-01 02:55:49

纯JavaScript可以做到这一点就好了：

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

链接到原来的答案：How do I POST urlencoded form data with $http in AngularJS?

来源

2015-04-01 06:17:44

对角2我想你可以最好使用下面的装饰https://github.com/pleerock/class-transformer到转换，序列化和反序列化对象。

要详细了解装修看到https://angular.io/docs/ts/latest/cookbook/ts-to-js.html

来源

2016-12-05 09:08:51 0x1ad2

您可以使用$httpParamSerializerJQLike;

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

var serializedUser = $httpParamSerializerJQLike(user); 

});

你可以看到$httpParamSerializerJQLike文档here。

来源

2017-04-13 12:48:23

如何使用angularjs序列化对象

回答

相关问题