angularjs $http 服务
2016-08-05 16:54
190 查看
<!DOCTYPE HTML> <html ng-app="myApp"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>无标题文档</title> <script src="angular.min.js"></script> <script> angularjs是独立的框架,可以不用jquery. ng的服务: --$scope --$watch :scope的子服务 --$apply :scope的子服务 --$rootScope --$timeout --$interval --$filter --$http :类似于ajax,这是angularjs自带的请求方式不同于jquery的请求。 var m1 = angular.module('myApp',[]); m1.controller('Aaa',['$scope','$http',function($scope,$http){ $http({ method : 'GET', url : 'data.php' }).success(function(data,state,headers,config){ console.log(state);//请求成功返回200状态 }).error(function(data){ console.log(data); }); $http.get('data.php').success(function(data,state,headers,config){ console.log(data); }); }]); </script> </head> <body> <div ng-controller="Aaa"> </div> </body> </html>
<!DOCTYPE HTML> <html ng-app="myApp"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>无标题文档</title> <script src="angular.min.js"></script> <script> var m1 = angular.module('myApp',[]); m1.controller('Aaa',['$scope','$http','$timeout',function($scope,$http,$timeout){ var timer = null; $scope.data = []; $scope.change = function(name){ $timeout.cancel(timer); timer = $timeout(function(){ $http({ method : 'JSONP', url : 'https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd='+name+'&cb=JSON_CALLBACK' }).success(function(data){ //console.log(data); $scope.data = data.s; }); },500); }; }]); </script> </head> <body> <div ng-controller="Aaa"> <input type="text" ng-model="name" ng-keyup="change(name)"> <input type="button" ng-click="change(name)" value="搜索"> <ul> <li ng-repeat="d in data">{{d}}</li> </ul> </div> </body> </html>
相关文章推荐
- python 写的http后台弱口令爆破工具
- TCP服务端收到syn但是不回复syn ack问题分析
- 线程之间的通信实现wc -w
- HttpURLConnection获取图片数据流
- heartbeat httpd nfs 实现高可用web集群
- 【HTTP】WireShark中获取Content-Encoding: gzip时的响应内容
- RBF神经网络
- 【TCP/IP协议】计算机网络中端口号及分类
- iOS开发网络篇—发送json数据给服务器以及多值参数
- Android ImageLoader网络加载图片
- iOS中不能使用HTTP传输数据处理方法
- 自己动手写一个轻量级的Android网络请求框架
- 南京邮电大学的网络攻防训练平台(1)
- android 网络编程--socket tcp/ip udp http之间的关系
- Linux网络编程之简易的点对点聊天程序程序
- TCP的三次握手,四次挥手
- python获取网络时间和本地时间
- Http协议学习
- 《TCP/IP详解 卷1:协议》读书笔记 第1章 概述
- 解决angular的$http.post()提交数据时后台接收不到参数值问题的方法