AngularJS实现与后台服务器进行交互的示例讲解
2018-08-13 16:01
711 查看
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实现与后台服务器进行交互的示例讲解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章推荐
- Django 使用Ajax进行前后台交互的示例讲解
- AngularJS如何与后台服务器进行交互
- AngularJS实现与Java Web服务器交互操作示例【附demo源码下载】
- 在AngularJS中是如何实现异步请求的?(与服务器进行交互)
- angularJS怎么实现与服务端的PHP进行数据交互
- Android开发使用json实现服务器与客户端数据的交互功能示例
- Linux下Java 通过JNI native与C进行交互的方法实现示例
- 通过 JS 实现与后台进行连接,提交表单,将获取到的数据pos给服务器。
- vue实现数据的绑定以及如何进行和后台php就行数据的交互
- 多种方式实现JS调用后台方法进行数据交互
- android模拟器连接电脑上的本地服务器,进行后台交互,使用的地址是?
- bootstrap-table实现服务器分页的示例 (spring 后台)
- angularJS之$http:与服务器交互示例
- AngularJS入门教程之与服务器(Ajax)交互操作示例【附完整demo源码下载】
- Android端通过Okhttp与PHP服务器进行交互并实现文件上传下载(二)
- layui框架实现文件上传及TP3.2.3(thinkPHP)对上传文件进行后台处理操作示例
- Java小程序之客户端的UI实现以及客户端与服务器的UI交互(山寨QQ进行中......)
- 多种方式实现JS调用后台方法进行数据交互
- angularjs实现与服务器交互分享
- Ionic从零单排(三)——Ionic程序(前台)与服务器(后台)进行数据交互