博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
angularjs中ajax请求时传递参数的方法
阅读量:2811 次
发布时间:2019-05-13

本文共 1362 字,大约阅读时间需要 4 分钟。

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",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>
你可能感兴趣的文章
8_rabbitmq路由模式
查看>>
11_RabbitMQ之消息确认机制
查看>>
4_ElaticSearch 使用terms搜索多个值
查看>>
5_ElaticSearch 基于range filter来进行范围过滤
查看>>
6_ElatisSearch 控制全文检索结果的精准度
查看>>
7_ElaticSearch term+bool实现的multiword搜索原理
查看>>
10_ElasticSearch dis_max实现best fields策略进行多字段搜索
查看>>
13_ElasticSearch multi_match+most fiels策略进行multi-field搜索
查看>>
14_ElasticSearch 使用most_fields策略进行cross-fields search
查看>>
15_ElasticSearch copy_to定制组合field进行cross-fields搜索
查看>>
16_ElasticSearch 使用原生cross-fiels 查询
查看>>
python flask 例子
查看>>
Dubbo 监控中心
查看>>
Dubbo服务化一
查看>>
表达式引擎aviator
查看>>
Fel轻量高效的表达式计算引擎
查看>>
Keepalived+Nginx实现高可用Web负载均衡
查看>>
自定义序列化
查看>>
Jupyter默认目录和默认浏览器修改
查看>>
opencv图片操作
查看>>