angular js $http服务使用

$http可用来获取web服务上的数据,或者通过post请求传json上服务器

主要用到$http.get()和post()两个方法。

$http.get()通过GET方式向服务器获取数据。主要使用方法:

1.第一种写法

$http.get(url)

.seccess(function(response)

{

//TODO

})

.error(function(exception)

{

//TODO

});

2.第二种写法

$http(

{
  method:‘GET‘,
  url:‘/api/users.json‘,
  params:{
  ‘username‘:‘tan‘
});

$http的post方法是可能向服务器传送数据,如果不设置上传的格式,默认是使用json的形式上传,主要使用方法:

$http(

{
  url: ‘http://localhost:8080/user/register‘,
  method: ‘POST‘,
  data: ‘{"name":"jimmy","age":12}‘
})

.success(function (data)

{
  alert(data);
});

data可以是字符串或对象

时间: 2024-11-10 13:05:05

angular js $http服务使用的相关文章

介绍Angular的注入服务

其实angular的注入服务是挺复杂的,目前看源码也只看懂了一半,为了不误导大家,我也不讲敢讲太复杂,怕自己都理解错了. 首先我们要知道angular的三种注入方式: 第一种:inference var myModule = function($scope){ } 第二种:annotation var myModule = function($location){ console.log('Module:代码注入$location成功'); console.log($location); } m

初学angular.js

<!doctype  html><html ng-app>   <head>    <meta charset="utf-8" />    <title>angular</title>    <script src="angular.js" /></script>   </head>   <body>     Your name: <inpu

angular的uiRouter服务学习(3)

本篇接着上一篇 angular的uiRouter服务学习(2) 继续讲解uiRouter的用法 本篇主要讲解uiRouter的多个命名的视图 我们可以给ui-view元素添加ui-view的值来给它命名,这样,一个视图模板里就可以有多个ui-view标签. 比如下面这个应用,它需要动态的填充一个图表,图表里有一些表格数据,筛选项,等: 给视图命名,需要在状态里定义views属性. views的属性值为一个对象. views属性会覆盖template属性: 如果给状态定义了views属性,那么状态

angular访问后台服务及监控会话超时的封装

angular访问后台服务及监控会话超时的封装 angular本身自带访问组件http和httpclient,组件本身都是异步模式访问.本文只列举了对http组件的封装同时也一同处理会话超时监控. 获取组件源码请入QQ群706224870,在群文件中下载. 入群验证消息codefc. 实现思路概述: 1.将请求入参和出参统一约定 2.封装方法将请求参数.数据处理方法.数据呈现方法.访问错误处理方法封装在一起,业务调用通过服务调用该封装方法, 同时把请求参数.数据处理方法.数据呈现方法.访问错误处

我眼中的Angular JS

优点:1. 模板功能强大丰富,并且是声明式的,自带了丰富的Angular指令:2. 是一个比较完善的前端MVC框架,包含模板,数据双向绑定,路由,模块化,服务,过滤器,依赖注入等所有功能:3. 自定义Directive,比jQuery插件还灵活,但是需要深入了解Directive的一些特性,简单的封装容易,复杂一点官方没有提供详细的介绍文档:4. ng模块化比较大胆的引入了Java的一些东西(依赖注入),能够很容易的写出可复用的代码. 缺点: 1:太过于简单的页面.Angular更适合于CRUD

angular的service服务eg:value,constant,factory,service

app = angular.module("app",[]); app.value("realname","liyang");//可以改变 app.value("User",{name:"liyang" ,pwd:"123456"}) //可以直接绑定一个js对象 app.constant("baidu","www.baidu.com");//不可

angular用$sce服务来过滤HTML标签

angular js的强大之处之一就是他的数据双向绑定这一牛B功能,我们会常常用到的两个东西就是ng-bind和针对form的ng-model.但在我们的项目当中会遇到这样的情况,后台返回的数据中带有各种各样的html标签.对于angular 1.2一下的版本我们必须要使用$sce这个服务来解决我们的问题.它可以通过使用$sce.trustAsHtml().该方法将值转换为特权所接受并能安全地使用"ng-bind-html". 1 .controller('HealthEducatio

自学angular系列-----创建服务

在angualr应用中,factory方法是用来注册服务的最常规方式,其实总结了一下,一共有5种方式来创建服务: 1.    factory() factory方法是创建和配置服务最快捷的方式:接受两个参数: name(字符串):需要注册的服务名: getFn(函数):这个函数会在angularJs创建服务实例时被调用. var formApp = angular.module("formApp",["ngRoute"]); formApp.factory(&quo

Angular - - $compile编译服务与指令

$compile 这是个编译服务.编译一段HTML字符串或者DOM的模板, 产生一个将scope和模板连接到一起的函数. 编译服务主要是为指令编译DOM元素,下面的一大段也是主要介绍指令的. 下面是一个被声明的带指令定义对象的指令的示例: var myModule = angular.module(...); myModule.directive('directiveName', [“injectables”,…,function factory(injectables,…) { var dir

angular五种服务详解

在这之前angular学习笔记(十五)-module里的'服务'这篇文章里,已经大致讲解了ng中的'服务',在之后的很多地方也用到了服务,但是,所有的服务都是使用app.factory来创建的.但其实,创建服务有5种方法,这篇文章就来具体讲解ng中的五种服务类型. 首先,为了举栗子,先写好如下的模型,控制器,html: html: <!DOCTYPE html> <html ng-app="serviceApp"> <head> <title&