前端讲义71_AngularJS服务：JS对象转化为查询字符串演示

木生火

于 2019-06-09 12:20:01 发布

阅读量198

点赞数

分类专栏： Angular

本文链接：https://blog.youkuaiyun.com/msh2016/article/details/91351919

版权

Angular 专栏收录该内容

19 篇文章

订阅专栏

本文介绍如何在AngularJS中将JavaScript对象转换为URL查询字符串。通过使用$httpParamSerializer服务，可以轻松实现这一目标，从而方便进行HTTP请求参数的构造。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Account为JS对象,如下:

{

userID: 'C10094207',

userPass:'msh!123456'

}

转换成URL查询字符串

userID=C10094207&userPass=msh!123456

AngularJS代码如下：


<script >
var app = angular.module("mshApp", []);
app.controller("mshCtr",fn1);
function fn1($scope, $httpParamSerializer){
	$scope.account = {userID: 'C10094207',userPass:'msh!123456'};
	$scope.seriaStr = $httpParamSerializer($scope.account);
};	
</script>

HTML模板代码

<body ng-app="mshApp" >
<div ng-controller="mshCtr">
	userID：<input type="text" ng-model="account.userID"/> <br>
	userPass：<input type="text" ng-model="account.userPass"/> <br><hr>
    JS对象转化为查询字符串: {{seriaStr}} 
</div>