AngularJS实现与后台服务器进行交互的示例讲解


Posted in Javascript onAugust 13, 2018

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实现与后台服务器进行交互的示例讲解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JQuery EasyUI 对话框的使用方法
Oct 24 Javascript
js监听键盘事件示例代码
Jul 26 Javascript
js兼容的placeholder属性详解
Aug 18 Javascript
jQuery根据ID获取input、checkbox、radio、select的示例
Aug 11 Javascript
jQuery中:selected选择器用法实例
Jan 04 Javascript
js闭包所用的场合以及优缺点分析
Jun 22 Javascript
jQuery+HTML5+CSS3制作支持响应式布局时间轴插件
Aug 10 Javascript
jQuery删除节点用法示例(remove方法)
Sep 08 Javascript
利用HBuilder打包前端开发webapp为apk的方法
Nov 13 Javascript
Vue源码解读之Component组件注册的实现
Aug 24 Javascript
mpvue微信小程序多列选择器用法之省份城市选择的实现
Mar 07 Javascript
详解VUE中的插值( Interpolation)语法
Oct 18 Javascript
JS实现把一个页面层数据传递到另一个页面的两种方式
Aug 13 #Javascript
Angularjs 根据一个select的值去设置另一个select的值方法
Aug 13 #Javascript
AngularJS中ng-options实现下拉列表的数据绑定方法
Aug 13 #Javascript
JavaScript面向对象程序设计创建对象的方法分析
Aug 13 #Javascript
vue.js template模板的使用(仿饿了么布局)
Aug 13 #Javascript
angularjs 动态从后台获取下拉框的值方法
Aug 13 #Javascript
vue2.0 中使用transition实现动画效果使用心得
Aug 13 #Javascript
You might like
php.ini中的php-5.2.0配置指令详解
2008/03/27 PHP
php 中文和编码判断代码
2010/05/16 PHP
PHP 的异常处理、错误的抛出及回调函数等面向对象的错误处理方法
2012/12/07 PHP
PHP数组操作类实例
2015/07/11 PHP
thinkphp,onethink和thinkox中验证码不显示的解决方法分析
2016/06/06 PHP
解决laravel groupBy 对查询结果进行分组出现的问题
2019/10/09 PHP
php+mysql+ajax 局部刷新点赞/取消点赞功能(每个账号只点赞一次)
2020/07/24 PHP
IE 缓存策略的BUG的解决方法
2007/07/21 Javascript
JavaScript URL参数读取改进版
2009/01/16 Javascript
jQuery一步一步实现跨浏览器的可编辑表格,支持IE、Firefox、Safari、Chrome、Opera
2009/08/28 Javascript
刷新页面的几种方法小结(JS,ASP.NET)
2014/01/07 Javascript
基于jquery的simpleValidate简易验证插件
2014/01/31 Javascript
jQuery点击按钮弹出遮罩层且内容居中特效
2015/12/14 Javascript
jquery实现文本框textarea自适应高度
2016/03/09 Javascript
浅谈String.valueOf()方法的使用
2016/06/06 Javascript
利用原生JS自动生成文章标题树的实例
2016/08/22 Javascript
D3.js实现文本的换行详解
2016/10/14 Javascript
JavaScript自定义浏览器滚动条兼容IE、 火狐和chrome
2017/01/05 Javascript
微信分享调用jssdk实例
2017/06/08 Javascript
JavaScript简单实现关键字文本搜索高亮显示功能示例
2018/07/25 Javascript
vue .js绑定checkbox并获取、改变选中状态的实例
2018/08/24 Javascript
原生JS实现的放大镜特效示例【测试可用】
2018/12/08 Javascript
JSONP解决JS跨域问题的实现
2020/05/25 Javascript
Python三元运算实现方法
2015/01/12 Python
介绍Python的@property装饰器的用法
2015/04/28 Python
如何在Django中添加没有微秒的 DateTimeField 属性详解
2019/01/30 Python
用vue.js组件模拟v-model指令实例方法
2019/07/05 Python
Python 元组操作总结
2019/09/18 Python
TFRecord文件查看包含的所有Features代码
2020/02/17 Python
Python中and和or如何使用
2020/05/28 Python
python实现自动打卡的示例代码
2020/10/10 Python
世界上最大的各式箱包网络零售店:eBag
2016/07/21 全球购物
美国一家主营日韩美妆护肤品的在线商店:iMomoko
2016/09/11 全球购物
世界上最大的乐谱选择:Sheet Music Plus
2020/01/18 全球购物
感恩教育月活动总结
2014/07/07 职场文书
会议简讯范文
2015/07/20 职场文书