angular-请求数据
来源:互联网 发布:linux中pause 编辑:程序博客网 时间:2024/06/06 08:26
问题一:
angularjs $http 中的data传递参数后端没法接收 但是用params传递参数参数在url后后端能接收 ?
GET请求的时候用params,
POST/PUT/PATCH/DELETE请求时用data.
根据官方文档:params – {Object.<string|Object>} – Map of strings or objects which will be serialized with theparamSerializer and appended as GET parameters.data – {string|Object} – Data to be sent as the request message data.
示例:post请求用data
var promise = $http({ method: 'POST', url: reqUrl, data: reqParams });
问题二:
Angular 1.6提示
angular.js:14525 TypeError: $http(...).success is not a function(…)
原因:
在1.6版本的AngularJs中取消了http的success和error方法。注意在1.6版本及以上使用时去掉success和error方法。
angular的post请求数据方法汇总:
方法一:
在angularjs版本1.6以下可使用:
//注意:在angular的1.6版本及以上不支持 $http({ method: 'POST', url: reqUrl, data: reqParams }).success(function (data, status, headers, config) { console.log("===========req4 response data============" + JSON.stringify(data)); console.log("===========req4 response status============" + JSON.stringify(status)); console.log("===========req4 response config============" + JSON.stringify(config)); console.log("===========req4 response headers============" + JSON.stringify(headers)); //statusText为undefined,已经是success }).error(function (data, status, headers, config) { console.log("===========req4 response error============" + JSON.stringify(data)); });
或
方法二:
//注意:在angular的1.6版本及以上不支持 var deferred = $q.defer(); $http({ method: 'POST', url: reqUrl, data: reqParams }).success(function (data, status, headers, config) { deferred.resolve(data); }).error(function (data, status, headers, config) { deferred.reject(data); }); var promise = deferred.promise; promise.then(function (response) { console.log("req4 response============" + JSON.stringify(response)); });
$q是Angular的一种内置服务,它可以使你异步地执行函数,并且当函数执行完成时它允许你使用函数的返回值(或异常)。
defer的字面意思是延迟,$q.defer() 可以创建一个deferred实例(延迟对象实例)。
deferred 实例旨在暴露派生的Promise 实例,以及被用来作为成功完成或未成功完成的信号API,以及当前任务的状态。
$q, defer, promise三者之间的关系如下所示。
var deferred = $q.defer(); //通过$q服务注册一个延迟对象 deferredvar promise = deferred.promise; //通过deferred延迟对象,可以得到一个承诺promise,//而promise会返回当前任务的完成结果
方法三:
在angular所有版本均支持:
//所有angular版本均支持,推荐使用 var promise = $http({ method: 'POST', url: reqUrl, data: reqParams }); promise.then(function (response) { console.log("req1 response=====" + JSON.stringify(response)); console.log("req1 response data======" + JSON.stringify(response.data)); console.log("req1 response status======" + JSON.stringify(response.status)); console.log("req1 response config=====" + JSON.stringify(response.config)); console.log("req1 response headers=====" + JSON.stringify(response.headers)); console.log("req1 response statusText=====" + JSON.stringify(response.statusText)); });
方法四:
ajax请求:需要添加jquery
<script src="../jquery.js"></script>
//ajax请求数据 $.ajax({ type: "POST",//请求方式 url: reqUrl, data: JSON.stringify(reqParams),//请求参数,必须字符串 dataType: "json",// headers: {'Content-Type': 'application/json'},//要添加请求头 error: function () { alert("hello"); }, success: function (data, status) { console.log("req3 response=====" + JSON.stringify(data)); console.log("req3 status===" + JSON.stringify(status));//success } });
方法五:
XMLHttpRequest请求:
//XMLHttpRequest请求: var xmlhttp; if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp = new XMLHttpRequest(); } else {// code for IE6, IE5 xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange = function () { if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { console.log("req1 response====" + (xmlhttp.responseText));//string console.log("req1 responseCode======" + JSON.parse(xmlhttp.responseText).responseCode); } }; xmlhttp.open("POST", reqUrl, true); xmlhttp.setRequestHeader("Content-type", 'application/json'); xmlhttp.send(JSON.stringify(reqParams));
0 0
- Angular----$http请求数据
- angular-请求数据
- angular用$http请求数据
- angular.js学习之三ajax请求得不到数据
- angular跨域的ajax--json数据请求
- angular框架的SmartAdmin模板 如何请求后台数据
- angular post请求方式
- angular 遍历 请求 赋值
- Angular 网络请求404
- angular实现httpget请求
- angular-网络请求天气
- Angular.js学习笔记之关于数据请求遇到的坑
- 基于angular.js发送ajax请求实现前后台数据交互
- angular 路由请求js文件
- angular的http请求方式
- angular中的http请求封装
- Angular向后台发送请求
- angular 数据建模
- 那两年炼就的Android内功修养
- 一位资深程序员大牛给予Java初学者的学习路线建议
- 踩坑,踩的坑真好,PreView仅供参考
- H5实现摇一摇技术总结
- OOCSS—概念篇
- angular-请求数据
- JPA架构
- 克隆二叉树
- MooFest
- eclipse的常用快捷键
- openGL-learn01 学习OpenGL前的准备工作
- 屏蔽google adsense和百度推广的广告
- Java面试常见问题
- 小程序对移动app市场有怎样的冲击