Angular----$http请求数据

原创于 2016-06-12 11:22:27 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#http请求数据

Angular 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一个使用AngularJS框架的示例项目，通过$http服务实现GET和POST请求，展示了如何从服务器获取数据并处理响应。同时介绍了如何发送POST请求，并在成功后处理返回的数据。

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

$http请求数据

data.php

$postData = file_get_contents('php//:input', true);
echo $postData;
echo $_GET['name'];

index.html

<script>
var app = angular.module("personApp", []);    //创建文件 personApp.js
app.controller("personController", function( $scope, $http ){   //创建控制器文件 personController.js       

    $http.get("data.php").success(function(data,status,headers,config){
        console.log(data);   //hello
        console.log(status); //200
        console.log(headers); //一个header对象
        console.log(config);  //一个对象：提交的方式-get
    }).error(function(err,status,headers,config){
    })


    var postData = {text:'这是post 的内容'};
    var config = {params:{id:'5', name:'Tom'}};
    $http.post("data.php", postData, config).success(function(data){
        console.log(data);   //Tom
        console.log(postData);  //text: "这是post 的内容"
        console.log(config);    //id:'5', name:'Tom'
    }).error(function(err){
    })

});
</script>