AngularJs服务-http请求

最新推荐文章于 2022-03-29 09:36:38 发布

约德尔蒙

最新推荐文章于 2022-03-29 09:36:38 发布

阅读量277

点赞数

分类专栏： AngularJs

本文链接：https://blog.csdn.net/gyq04551/article/details/55215211

版权

AngularJs 专栏收录该内容

34 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>  
<html lang="en">  
<head>  
    <meta charset="UTF-8">  
    <title>$http用于向服务端发起异步请求。 $http服务</title>  
</head>  
<!--  
    服务:服务是一个对象或函数，对外提供特定的功能.  
    内建服务:  
        1: $location是对原生Javascript中location对象属性和方法的封装。  
        2: $timeout&$interval对原生Javascript中的setTimeout和setInterval进行了封装。  
        3: $filter在控制器中格式化数据。  
        4: $log打印调试信息  
        5: $http用于向服务端发起异步请求。  
        6: 同时还支持多种快捷方式如$http.get()、$http.post()、$http.jsonp。  
-->  
<body ng-app="App">  
  
    <div ng-controller="DemoController"> </div>  
      
    <script src="./libs/angular.min.js"></script>  
    <script>  
          
        var App = angular.module('App', []);  
  
        App.controller('DemoController', ['$scope', '$http', '$log', function ($scope, $http, $log) {  
  
  
            // $http 本质是对XMLHttpRequest对象封装  
            // var xhr = new XMLHttpRequest;  
            // 打开一个链接  
            // xhr.open('get/post', 'example.php?name=itcast');  
            // xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');  
            // xhr.send('age=10');  
              
            $http({  
                url: 'example.php',  
                method: 'post', //'get',  
                headers: {  
                    'Content-Type': 'application/x-www-form-urlencoded'  
                },  
                params: { // get 参数  
                    name: 'itcast',  
                    sex: '男'  
                },  
                // data: 'age=10'  
                data: { // post 传参  
                    age: 10  
                }  
            }).success(function (info) {  
                // info 就是返回的数据  
                $log.info(info);  
            });  
  
        }]);  
  
        // 接口方式  
        // SOAP RESTFUL  
  
        // 传递的数据可以是'key=val&key=val'形式，这种形式叫formData  
        // Content-Type 设成 application/x-www-form-urlencoded  
        // 当请求数据类型不一样，后端在接收的时采取方法也不一样  
        // 假如上述方式以PHP为例可以使用$_POST接收  
  
        // application/json;charset=UTF-8 就是json对象形式传  
        // Request Payload  
        // 假如采用上述方式，以PHP为例$_POST就不能接收了  
  
    </script>  
</body>  
</html>