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 相关文章推荐
js两行代码按指定格式输出日期时间
Oct 21 Javascript
JS自定义功能函数实现动态添加网址参数修改网址参数值
Aug 02 Javascript
Firefox和IE兼容性问题及解决方法总结
Oct 08 Javascript
Jquery实现侧边栏跟随滚动条固定(兼容IE6)
Apr 02 Javascript
jQuery使用post方法提交数据实例
Mar 25 Javascript
JavaScript中的anchor()方法使用详解
Jun 08 Javascript
node.js连接mongoDB数据库 快速搭建自己的web服务
Apr 17 Javascript
vue移动端微信授权登录插件封装的实例
Aug 28 Javascript
vue实现可视化可拖放的自定义表单的示例代码
Mar 20 Javascript
微信小程序登录对接Django后端实现JWT方式验证登录详解
Jul 29 Javascript
微信小程序实现文件预览
Oct 22 Javascript
vue报错function () { [native code] },无法出现我们想要的内容 Unknown custom element
Apr 11 Vue.js
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 调试环境(IIS+PHP+MYSQL)
2007/01/10 PHP
PHP实现的QQ空间g_tk加密算法
2015/07/09 PHP
php 利用socket发送HTTP请求(GET,POST)
2015/08/24 PHP
centos 7.2下搭建LNMP环境教程
2016/11/20 PHP
PHP ADODB实现分页功能简单示例
2018/05/25 PHP
ThinkPHP5.0 图片上传生成缩略图实例代码说明
2018/06/20 PHP
JS运行耗时操作的延时显示方法
2010/11/19 Javascript
javascript动态设置样式style实例分析
2015/05/13 Javascript
jQuery插件扩展测试实例
2016/06/21 Javascript
AngularJS在IE下取数据总是缓存问题的解决方法
2016/08/05 Javascript
angular实现spa单页面应用实例
2017/07/10 Javascript
cordova入门基础教程及使用中遇到的一些问题总结
2017/11/14 Javascript
基于Vue实现关键词实时搜索高亮显示关键词
2018/07/21 Javascript
JS基于对象的链表实现与使用方法示例
2019/01/31 Javascript
微信小程序3种位置API的使用方法详解
2019/08/05 Javascript
JS轮播图的实现方法
2020/08/24 Javascript
JS实现无限轮播无倒退效果
2020/09/21 Javascript
使用Vant完成通知栏Notify的提示操作
2020/11/11 Javascript
python 基础学习第二弹 类属性和实例属性
2012/08/27 Python
Python yield使用方法示例
2013/12/04 Python
python基础教程之python消息摘要算法使用示例
2014/02/10 Python
Python实现PS滤镜特效Marble Filter玻璃条纹扭曲效果示例
2018/01/29 Python
selenium+python环境配置教程详解
2019/05/28 Python
Django如何自定义model创建数据库索引的顺序
2019/06/20 Python
numpy 声明空数组详解
2019/12/05 Python
Python实现自动打开电脑应用的示例代码
2020/04/17 Python
PyQt实现计数器的方法示例
2021/01/18 Python
JINS眼镜官方网站:日本最大的眼镜邮购
2016/10/14 全球购物
为什么需要版本控制?
2013/08/08 面试题
公益活动邀请函
2014/02/05 职场文书
感恩节活动策划方案
2014/05/16 职场文书
2015年全国爱眼日活动方案
2015/05/05 职场文书
工程竣工验收申请报告
2015/05/15 职场文书
行政处罚告知书
2015/07/01 职场文书
投诉书范文
2015/07/02 职场文书
继承Win10缺点!教你关闭Win11烦人的网络搜索
2021/11/23 数码科技