var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {if (xmlhttp.readystate == 4 && xmlhttp.status == 200) {var response = xmlhttp.responseText;} else if (xmlhttp.status == 400) { // or really anything in the 4 series// Handle error gracefully}
};
// Setup connection
xmlhttp.open(“GET”, “http://myserver/api”, true);
// Make the request
xmlhttp.send();

$http.get('api/user', {params: {id: '5'}
}).success(function(data, status, headers, config) {
// Do something successful.
}).error(function(data, status, headers, config) {
// Handle the error
});

var postData = {text: 'long blob of text'};
// The next line gets appended to the URL as params
// so it would become a post request to /api/user?id=5
var config = {params: {id: '5'}};
$http.post('api/user', postData, config
).success(function(data, status, headers, config) {
// Do something successful
}).error(function(data, status, headers, config) {
// Handle the error
});

$http(config)

$http({method: string,url: string,params: object,data: string or object,headers: object,transformRequest: function transform(data, headersGetter) or an array of functions,transformResponse: function transform(data, headersGetter) or an array of functions,cache: boolean or Cache object,timeout: number,withCredentials: boolean
});

angular.module('MyApp',[]).config(function($httpProvider) {// Remove the default AngularJS X-Request-With headerdelete $httpProvider.default.headers.common['X-Requested-With'];// Set DO NOT TRACK for all Get requests$httpProvider.default.headers.get['DNT'] = '1';
});

$http.get('api/user', {
// Set the Authorization header. In an actual app, you would get the auth
// token from a service
headers: {'Authorization': 'Basic Qzsda231231'},
params: {id: 5}
}).success(function() { // Handle success });

$http.get('http://server/myapi', {cache: true
}).success(function() { // Handle success });

var module = angular.module('myApp');
module.config(function ($httpProvider) {$httpProvider.defaults.transformRequest = function(data) {// We are using jQuery’s param method to convert our// JSON data into the string formreturn $.param(data);};
});

function NamesListCtrl($scope, $http) {$http.get('http://server/names', {params: {filter: ‘none’}}).success(function(data) {$scope.names = data;});
}

describe('NamesListCtrl', function(){var scope, ctrl, mockBackend;// AngularJS is responsible for injecting these in testsbeforeEach(inject(function(_$httpBackend_, $rootScope, $controller) {// This is a fake backend, so that you can control the requests// and responses from the servermockBackend = _$httpBackend_;// We set an expectation before creating our controller,// because this call will get triggered when the controller is createdmockBackend.expectGET('http://server/names?filter=none').respond(['Brad', 'Shyam']);scope = $rootScope.$new();// Create a controller the same way AngularJS would in productionctrl = $controller(PhoneListCtrl, {$scope: scope});}));it('should fetch names from server on load', function() {// Initially, the request has not returned a responseexpect(scope.names).toBeUndefined();// Tell the fake backend to return responses to all current requests// that are in flight.mockBackend.flush();// Now names should be set on the scopeexpect(scope.names).toEqual(['Brad', 'Shyam’]);});
});

myAppModule.factory('CreditCard', ['$http', function($http) {var baseUrl = '/user/123/card';return {get: function(cardId) {return $http.get(baseUrl + '/' + cardId);},save: function(card) {var url = card.id ? baseUrl + '/' + card.id : baseUrl;return $http.post(url, card);},query: function() {return $http.get(baseUrl);},charge: function(card) {return $http.post(baseUrl + '/' + card.id, card, {params: {charge: true}});}};
}]);

myAppModule.factory('CreditCard', ['$resource', function($resource) {return $resource('/user/:userId/card/:cardId',{userId: 123, cardId: '@id'},{charge: {method:'POST', params:{charge:true}, isArray:false});
}]);

// Let us assume that the CreditCard service is injected here
// We can retrieve a collection from the server which makes the request
// GET: /user/123/card
var cards = CreditCard.query();
// We can get a single card, and work with it from the callback as well
CreditCard.get({cardId: 456}, function(card) {// each item is an instance of CreditCardexpect(card instanceof CreditCard).toEqual(true);card.name = "J. Smith";// non-GET methods are mapped onto the instancescard.$save();// our custom method is mapped as well.card.$charge({amount:9.99});// Makes a POST: /user/123/card/456?amount=9.99&charge=true// with data {id:456, number:'1234', name:'J. Smith'}
});

describe('Credit Card Resource', function(){var scope, ctrl, mockBackend;beforeEach(inject(function(_$httpBackend_, $rootScope, $controller) {mockBackend = _$httpBackend_;scope = $rootScope.$new();// Assume that CreditCard resource is used by the controllerctrl = $controller(CreditCardCtrl, {$scope: scope});}));it('should fetched list of credit cards', function() {// Set expectation for CreditCard.query() callmockBackend.expectGET('/user/123/card').respond([{id: '234', number: '11112222'}]);ctrl.fetchAllCards();// Initially, the request has not returned a responseexpect(scope.cards).toBeUndefined();// Tell the fake backend to return responses to all current requests// that are in flight.mockBackend.flush();// Now cards should be set on the scopeexpect(scope.cards).toEqualData([{id: '234', number: '11112222'}]);});
});

fetchUser(function(user) {fetchUserPermissions(user, function(permissions) {fetchUserListData(user, permissions, function(list) {// Do something with the list of data that you want to display});});
});

var deferred = $q.defer();
var fetchUser = function() {// After async calls, call deferred.resolve with the response valuedeferred.resolve(user);// In case of error, calldeferred.reject(‘Reason for failure’);
}
// Similarly, fetchUserPermissions and fetchUserListData are handleddeferred.promise.then(fetchUser).then(fetchUserPermissions).then(fetchUserListData).then(function(list) {// Do something with the list of data}, function(errorReason) {// Handle error in any of the steps here in a single stop
});

// register the interceptor as a service
myModule.factory('myInterceptor', function($q, notifyService, errorLog) {return function(promise) {return promise.then(function(response) {// Do nothingreturn response;}, function(response) {// My notify service updates the UI with the error messagenotifyService(response);// Also log it in the console for debug purposeserrorLog(response);return $q.reject(response);});}
});// Ensure that the interceptor we created is part of the interceptor chain
$httpProvider.responseInterceptors.push('myInterceptor');

")]}`,\n"

['one','two']

")]}'",
['one', 'two']

AngualrJS之服务器端通信相关推荐

1. 北风网ajax,[T8：JavaScript中利用Ajax实现客户端与服务器端通信北风网收费视频讲座.ppt...

   [T8:JavaScript中利用Ajax实现客户端与服务器端通信北风网收费视频讲座 Ajax简介 XMLHttpRequest对象 综合案例 1.HTTP请求 现在,很多浏览器都可以直接从JavaS ...

2. java socket通信 客户端_JavaのSocket编程之简单客户端与服务器端通信

   Socket编程之简单客户端与服务器端通信 socket 通常用来实现客户端和服务端的连接,socket 是Tcp/Ip协议的一个十分流行的编程界面,一个socket 由一个Ip地址和一个端口号唯一确 ...

3. 手机客户端和服务器端通信

   2019独角兽企业重金招聘Python工程师标准>>> 手机客户端与服务器端的通信,不同于浏览器与服务器端的通信.浏览器和服务器端的通信依靠session去维持一个会话, 当这一切搬 ...

4. python客户端与服务器端通信_python客户端与服务器端的通信

   服务器端: import java.io.*;import java.net.*;public class xin {ServerSocket mSS;Socket mSocket;static in ...

5. AJAX-客户端服务器端通信

   AJAX 客户端和服务器端的交互,是如何进行通信的.所有发请求建立连接这些事情,都跟代码没干系,都是浏览器帮我们发请求的:遇到link img script也是浏览器主动发请求做这件事情. 还有一部分 ...

6. Java实现简易TCP客户端、服务器端通信程序

   本学期计算机网络课程要求完成一个TCP和一个UDP的通信程序,我完成了功能的简单实现,下面讲讲我的TCP程序的实现.(UDP的见另一篇博客) 目录 效果展示 一.项目结构 二.完整代码 1.TCPCl ...

7. Java实现简易UDP客户端、服务器端通信程序

   本学期计算机网络课程要求完成一个TCP和一个UDP的通信程序,我完成了功能的简单实现.我在上一篇博客已经讲了TCP的具体实现,接下来讲一讲UDP程序的实现. 目录 效果展示 一.项目结构 二.完整代码 ...

8. Ajax学习笔记--- 【xmind 详细展示 浏览器与 服务器端通信，请求与响应报文】

   php和express用来做后端,还是express强大和方便!!! 翻看笔记才知道自己当时下载Fiddler,Wampserver,phpstudy_pro是为了什么,实在不敢说自己学过php 文章 ...

9. 服务器客户端通信原理,客户端到服务器端通信原理

   我们首先要了解一个概念性的词汇:Socket socket的英文原义是"孔"或"插座".作为进程通信机制,取后一种意思.通常也称作"套接字" ...

最新文章

1. Request对象的主要方法有哪些？
2. Spread for Windows Forms快速入门(2)---设置Spread表单
3. Reachable Numbers
4. python 布尔值 bool( ) 与逻辑运算符
5. java的乐趣_分享ｊａｖａ带来的快乐
6. 常用excel函数 vlookup，concatenate， 的使用
7. TIOBE 2 月编程语言排行榜：Python 逼近 C，Groovy 重回 TOP20
8. mysql导入超大sql文件时mysql服务重启
9. [视频]MAC中如何单独放大文本字体
10. 数据结构上机实践第八周项目7—对称矩阵的压缩存储及基本运算
11. python 取模_中年大叔学编程-Python的基础语法和运算符
12. 微信团购小程序怎么做？一般要多少钱？
13. IE 11 无法安全地连接到此页面
14. 《你可能不知道免像控的两个细节问题》
15. 论文笔记27 -- （视频压缩）Learned Video Codec with Enriched Reconstruction for CLIC P-frame Coding
16. SmartGit功能介绍
17. servlet3.1规范翻译：第13章 安全
18. Linux磁盘挂载和共享
19. PHP实现 网页图片上传
20. 数据挖掘BUC算法实现

热门文章

1. Oracle中通过Job实现定时同步两个数据表之间的数据
2. JAVA中对象的序列化的作用？
3. mysql alter table if_MySQL中的alter table命令的基本使用方法及提速优化
4. opencv计算图像亮度调节_OpenCV教程创建Trackbar图像对比度、亮度值调整
5. Android入门（15）| 网络
6. C++(STL):26 ---关联式容器set用法
7. 剑指offer(刷题31-40)--c++，Python版本
8. c++面向对象高级编程 学习九 pointer-like classes
9. ArrayList和HashMap遍历比较
10. 2013科目三道路驾驶技能通用评判标准