AngularJS $http服务例子

Myth丶恋晨 2022-07-12 08:13 206阅读 0赞

<!DOCTYPE html>
    <html lang="en">
    <head>
    	<meta charset="UTF-8">
    	<title>AngularJS $http服务例子</title>
    </head>
    <body ng-app="App">
    	
    	<div ng-controller="StarController">
    		<button ng-click="getData()">获取数据</button>
    		<table>
    			<tr>
    				<td>姓名</td>
    				<td>年龄</td>
    				<td>性别</td>
    				<td>头像</td>
    				<td>专辑</td>
    			</tr>
    			<tr ng-repeat="star in stars">
    				<td>{
       {star.name}}</td>
    				<td>{
       {star.age}}</td>
    				<td>{
       {star.sex}}</td>
    				<td>{
       {star.photo}}</td>
    				<td>{
       {star.ablum}}</td>
    			</tr>
    		</table>
    	</div>
    
    	<script src="./libs/angular.min.js"></script>
    	<script>
    		
    		var App = angular.module('App', []);
    
    		App.controller('StarController', ['$http', '$scope', '$log', function ($http, $scope, $log) {
    
    			$scope.getData = function () {
    
    				// 发送请求
    				$http({
    					url: './stars.php',
    					method: 'get'
    				}).success(function (info) {
    					$log.info(info);
    					$scope.stars = info;
    				});
    
    			}
    
    		}]);
    
    	</script>
    </body>
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，206人围观）

还没有评论，来说两句吧...

相关阅读

相关 angularjs服务

<!DOCTYPE html> <html ng-app="app"> <head> <title>dd</title> <scri

- 日理万妓/ 2022年07月15日 01:59/ 0 赞/ 176 阅读

相关 AngularJS $http服务例子

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti

Myth丶恋晨/ 2022年07月12日 08:13/ 0 赞/ 207 阅读

相关 AngularJs服务-http请求

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

冷不防/ 2022年07月12日 07:06/ 0 赞/ 220 阅读

相关 AngularJs $http 请求服务整理

$http $http是Angular的一个核心服务，它有利于浏览器通过XMLHttpRequest 对象或者 JSONP和远程HTTP服务器交互。 $HTTP API 是

红太狼/ 2022年07月12日 04:27/ 0 赞/ 182 阅读

相关 AngularJs $http 请求服务整理

$http $http是Angular的一个核心服务，它有利于浏览器通过XMLHttpRequest 对象或者 JSONP和远程HTTP服务器交互。 $HTTP API 是

妖狐艹你老母/ 2022年07月12日 04:27/ 0 赞/ 178 阅读

相关 angularjs速成学习个人理解_5$http服务

$http是一个angularjs服务，angularjs内置了很多服务方便我们开发。如果学过jquery的$.ajax函数就很好理解$http服务。 1)$http 是一个

快来打我*/ 2022年06月07日 03:53/ 0 赞/ 179 阅读

相关 Angularjs 服务

AngularJS 服务(Service)：www.runoob.com/angularjs/angularjs-services.html AngularJS 内建了30

「爱情、让人受尽委屈。」/ 2022年05月21日 04:50/ 0 赞/ 238 阅读

相关 angularJS(九)angularJsDemo之内置服务$http

需求如下： ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV

ゝ一世哀愁。/ 2022年02月23日 01:40/ 0 赞/ 207 阅读

相关 AngularJS 服务service-系统服务$http处理ajax请求

服务service 相当于是app提供给用户使用的变量全局变量,其目的是对controller功能的扩展 (1)在NG框架中,服务是名字

向右看齐/ 2021年07月24日 19:10/ 0 赞/ 353 阅读

相关 AngularJS 4(四)【HTTP 服务】

提供 HTTP 服务 `HttpModule`并不是 Angular 的核心模块。它是 Angular 用来进行 Web 访问的一种可选方式，并位于一个名叫 `@ang

痛定思痛。/ 2021年06月26日 16:06/ 0 赞/ 437 阅读