AngularJs——$http请求数据

最新推荐文章于 2019-08-20 15:51:21 发布

xy8199

最新推荐文章于 2019-08-20 15:51:21 发布

阅读量412

点赞数

分类专栏： JavaScript 文章标签： angularjs 源码 javascript

本文链接：https://blog.csdn.net/xy8199/article/details/78229516

版权

JavaScript 专栏收录该内容

28 篇文章 0 订阅

订阅专栏

$http请求数据主要会有以下三种方式

1.get请求

2.post请求

3.jsonp

下面将为大家演示用get请求获取数据，仅供参考。

源码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script type="text/javascript" src="https://code.angularjs.org/1.3.0/angular.min.js"></script>
    <title></title>
    <script type="text/javascript">
        var app = angular.module("myApp", []);

        app.value("url", "https://free-api.heweather.com/v5/weather?city=beijing&key=545d63e185fc48169a43cbabba6e74d2");

        app.controller("myCtrl", function ($scope, $http, url) {
            $http.get(url).then(function (response) {
                $scope.city = response.data.HeWeather5[0].basic.city;
                $scope.now = response.data.HeWeather5[0].now.cond.txt;
            }, function (response) {
                console.log(response.status);
            });
        });
    </script>
</head>
<body ng-app="myApp">
<div ng-controller="myCtrl">
    <div>城市：{{ city }}</div>
    <div>天气：{{ now }}</div>
</div>
</body>
</html>

xy8199

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
AngularJs——$http请求数据

$http请求数据主要会有以下三种方式1.get请求2.post请求3.jsonp下面将为大家演示用get请求获取数据，仅供参考。源码：html>html lang="en">head> meta charset="UTF-8"> script type="text/javascript" src="https://code.
复制链接

扫一扫