angularjs中ajax请求时传递参数的方法

最新推荐文章于 2022-03-08 23:14:37 发布

hanyingzhong

最新推荐文章于 2022-03-08 23:14:37 发布

阅读量2k

点赞数

http://blog.csdn.net/ganggelove/article/details/51525969

<head>
<title>angularjs-ajax</title>
<script type="text/javascript" src="../../lib/ionic/js/angular/angular.min.js" charset="utf-8"></script>
</head>
<body ng-controller="ctrl">
<input type="button" value="抓取页面内容1" ng-click="method1()" />
<input type="button" value="抓取页面内容2" ng-click="method2()" />
<div style="border: 1px solid #ccc;width: 500px;height:400px;">{{content}}</div>
<script>
    var app = angular.module('myApp',[]);

    app.config(function($provide){

        $provide.factory("transFormFactory",function(){
            return {
                transForm : function(obj){
                    var str = [];
                    for(var p in obj){
                      str.push(encodeURIComponent(p) + "=" + encodeURIComponent(obj[p]));
                    }
                    return str.join("&");
                }
            };
        });
    });

    app.controller("ctrl",function($scope,$http,$q,transFormFactory){

        $scope.method1 = function() {
            $scope.url = "http://localhost:8081/Learning5/T1.action";
            $http({method:"POST",url:$scope.url,params:{msg:'abc'}}).success(function (data) {
                $scope.content = data;
            });
        };

        $scope.method2 = function() {
            $scope.url = "http://localhost:8081/Learning5/T1.action";
            $http({method:"POST",url:$scope.url,data:{msg:'123'},transformRequest:transFormFactory.transForm,headers:{'Content-Type': 'application/x-www-form-urlencoded'}}).success(function (data) {
                $scope.content = data;
            });
        };
    });
    </script>
</body>
</html>