angularjs中ajax请求时传递参数的方法
发布时间：2020-12-17 09:40:26 所属栏目：安全 来源：网络整理
导读：http://blog.csdn.net/ganggelove/article/details/51525969 html ng-app="myApp" head titleangularjs-ajax/title script type="text/javascript" src="../../lib/ionic/js/angular/angular.min.js" charset="utf-8"/script /head body ng-controller="ctrl
|
http://blog.csdn.net/ganggelove/article/details/51525969
<html ng-app="myApp"> <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",data:{msg:'123'},transformRequest:transFormFactory.transForm,headers:{'Content-Type': 'application/x-www-form-urlencoded'}}).success(function (data) { $scope.content = data; }); }; }); </script> </body> </html>（编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |