核心服务 $http
以后我们可能需要使用angularjs 来进行前端开发。然后后端是其他的接口。那么这时候就需要前后端分离了。这时候就离不开前端请求后端。所以就需要http请求。那么这个 $http 就是angularjs里面封装了http的请求。
$http 是 AngularJS 中的一个核心服务，用于读取远程服务器的数据。
// 简单的 GET 请求，可以改为 POST
$http({
method: 'GET',
url: '/someUrl'
}).then(function successCallback(response) {
// 请求成功执行代码
}, function errorCallback(response) {
// 请求失败执行代码
});Code language: PHP (php)简写方法
POST 与 GET 简写方法格式：
$http.get('/someUrl', config).then(successCallback, errorCallback);
$http.post('/someUrl', data, config).then(successCallback, errorCallback);Code language: PHP (php)此外还有以下简写方法：
- $http.get
- $http.head
- $http.post
- $http.put
- $http.delete
- $http.jsonp
- $http.patch
读取 JSON 文件
以下是存储在web服务器上的 JSON 文件：
{
"site": "foxdevelop.com"
}Code language: JSON / JSON with Comments (json)<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.staticfile.org/angular.js/1.4.6/angular.min.js"></script>
<style>
input.ng-invalid {
background-color: orangered;
}
</style>
</head>
<body>
<div ng-app="myApp" ng-controller="myCtrl">
<p>获取信息:</p>
<h1>{{myWelcome}}</h1>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function ($scope, $http) {
$http.get("a.json").then(function (response) {
$scope.myWelcome = response.data.site;
});
});
</script>
</body>
</html>Code language: HTML, XML (xml)Previous: 服务(Service)
Next: 使用 ng-options