AngularJS实现与后台服务器进行交互的示例讲解
更新时间：2018年08月13日 16:01:21 作者：对信仰的忠诚
今天小编就为大家分享一篇AngularJS实现与后台服务器进行交互的示例讲解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
AngularJS作为一个非常实用的前端框架，我们知道在AngularJS中有自己的Model和Controler。
angularJS中所有的请求都是通过js定义的Controler来完成的，也就是我们完全脱离了后台，
将整个应用程序的压力交给了客户端来完成。但是在实际开发的时候我们难免需要访问后台或者
与数据库进行交互，这个时候我们就需要一个类似于JQAJAX的方法来进行数据访问。
在angularJS中提供了一种与远程Http服务器交互的服务，$http
$http是angularJS中的一个可信服务，利用浏览器的XMLHTTPRequest核心对象与远程http服务器进行交互。
$http的使用方法也不难理解，与Jquery提供的$ajax操作比较类似。也支持get、post等。
使用格式：
// 简单的 GET 请求，可以改为 POST
$http({
method:'post',//提交方式
url:'Account/DoLogin',//提交路径
data:$scope.user,//传递到后台的数据，json对象
headers: {
'Content-Type': 'application/x-www-form-urlencoded'
}, //当post方式提交的时候需要加上这段来解决后台获取不到数据的问题
transformRequest: function ( data ) {
var str = '';
for( var i in data ) {
str += i + '=' + data[i] + '&';
}
return str.substring(0,str.length-1);
}//解析json对象的自定义函数
}).then(function successCallback(response)
{
//请求成功执行的代码
},function errorCallback(response)
{
//请求失败执行的代码
});
POST与GET简写方法格式：
$http.get('/someUrl', config).then(successCallback, errorCallback);
$http.post('/someUrl', data, config).then(successCallback, errorCallback);
以上这篇AngularJS实现与后台服务器进行交互的示例讲解就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
AngularJS通过ng-route实现基本的路由功能实例详解
这篇文章主要介绍了AngularJS通过ng-route实现基本的路由功能,结合实例形式详细分析了AngularJS使用ng-route实现路由功能的操作步骤与相关实现技巧,需要的朋友可以参考下2016-12-12
这篇文章主要介绍了Angular4中的checkbox 全选按钮启用禁用的相关资料,需要的朋友可以参考下2023-03-03
本篇文章主要介绍了AngularJs ng-change事件/指令的小结，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-11-11
详解Angular CLI + Electron 开发环境搭建
本篇文章主要介绍了Angular CLI + Electron 开发环境搭建，具有一定的参考价值，有兴趣的可以了解一下2017-07-07
本篇文章主要介绍了angular实现form验证实例代码，具有一定的参考价值，有兴趣的可以了解一下。2017-01-01
下面小编就为大家带来一篇深入理解angularjs过滤器。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
使用Angular CDK实现一个Service弹出Toast组件功能
本文主要写用cdk实现一个简单的Toast组件，使用的是cdk中的overlay模块，需要手动安装环境，具体安装方法及相关实现代码跟随小编一起看看吧2021-07-07
这篇文章主要介绍了Angular5集成eventbus的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-07-07
AngularJS入门教程之 XMLHttpRequest实例讲解
本文主要讲解 AngularJS XMLHttpRequest,这里给大家整理相关资料并提供实例代码,有需要的小伙伴参考下2016-07-07
这篇文章主要介绍了AngularJS的控制器的使用,文中给出了具体的用于HTML中的对象示例,需要的朋友可以参考下2015-06-06
最新评论