AngularJs 服务之http请求

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

心郎

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

阅读量678

点赞数

分类专栏：前段_angularjs

本文链接：https://blog.csdn.net/u011301203/article/details/53225344

版权

前段_angularjs 专栏收录该内容

18 篇文章 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>

心郎

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
AngularJs 服务之http请求

$http用于向服务端发起异步请求。 $http服务<!-- 服务:服务是一个对象或函数，对外提供特定的功能. 内建服务: 1: $location是对原生Javascript中location对象属性和方法的封装。 2: $timeout&$interval对原生Javascript中的setTimeout和setInterval进行了封装。 3: $filter在控制器中格
复制链接

扫一扫

专栏目录