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 相关文章推荐
改变javascript函数内部this指针指向的三种方法
Apr 23 Javascript
分享8款优秀的 jQuery 加载动画和进度条插件
Oct 24 Javascript
js点击事件链接的问题解决
Apr 25 Javascript
常用的JS验证和函数汇总
Dec 23 Javascript
javascript获取四位数字或者字母的随机数
Jan 09 Javascript
JavaScript获取元素尺寸和大小操作总结
Feb 27 Javascript
JQuery+CSS实现图片上放置按钮的方法
May 29 Javascript
js实现点击文本框显示日期选择器特效代码分享
May 21 Javascript
15个值得开发人员关注的jQuery开发技巧和心得总结【经典收藏】
May 25 Javascript
微信小程序开发之好友列表字母列表跳转对应位置
Sep 26 Javascript
基于jQuery的$.getScript方法去加载javaScript文档解析
Nov 08 jQuery
layui-tree实现Ajax异步请求后动态添加节点的方法
Sep 23 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的in_array低性能问题
2013/09/17 PHP
在Mac OS上搭建Nginx+PHP+MySQL开发环境的教程
2015/12/21 PHP
Yii数据库缓存实例分析
2016/03/29 PHP
php 查找数组元素提高效率的方法详解
2017/05/05 PHP
prototype 1.5相关知识及他人笔记
2006/12/16 Javascript
js下用eval生成JSON对象
2010/09/17 Javascript
javascript代码加载优化方法
2011/01/30 Javascript
Jquery通过Ajax访问XML数据的小例子
2013/11/18 Javascript
asp.net刷新本页面的六种方法总结
2014/01/07 Javascript
Jquery利用mouseenter和mouseleave实现鼠标经过弹出层且可以点击
2014/02/12 Javascript
深入分析escape()、encodeURI()、encodeURIComponent()的区别及示例
2014/08/04 Javascript
jquery中live()方法和bind()方法区别分析
2016/06/23 Javascript
js实现截图保存图片功能的代码示例
2017/02/16 Javascript
浅谈如何使用webpack构建多页面应用
2018/05/30 Javascript
JS加密插件CryptoJS实现的Base64加密示例
2020/08/16 Javascript
js+html实现点名系统功能
2019/11/05 Javascript
javascript设计模式 ? 策略模式原理与用法实例分析
2020/04/21 Javascript
javascript实现时间日期的格式化的方法汇总
2020/08/06 Javascript
JSONObject与JSONArray使用方法解析
2020/09/28 Javascript
python魔法方法-属性访问控制详解
2016/07/25 Python
Django 生成登陆验证码代码分享
2017/12/12 Python
python中协程实现TCP连接的实例分析
2018/10/14 Python
利用python实现汉字转拼音的2种方法
2019/08/12 Python
django 前端页面如何实现显示前N条数据
2020/03/16 Python
详解Python调用系统命令的六种方法
2021/01/28 Python
使用HTML5 Canvas API控制字体的显示与渲染的方法
2016/03/24 HTML / CSS
StubHub德国:购买和出售门票
2017/09/06 全球购物
一道Delphi面试题
2016/10/28 面试题
生物化工专业个人自荐信
2013/09/26 职场文书
广播电视新闻学专业应届生求职信
2013/10/08 职场文书
2014年社区庆元旦活动方案
2014/03/08 职场文书
梅花魂教学反思
2014/04/25 职场文书
2014年社区宣传工作总结
2014/12/02 职场文书
给病人的慰问信
2015/03/23 职场文书
JavaScript使用canvas绘制坐标和线
2021/04/28 Javascript
Python线程池与GIL全局锁实现抽奖小案例
2022/04/13 Python