100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > angularJS实现$http.post和$http.get请求的代码详解

angularJS实现$http.post和$http.get请求的代码详解

时间:2023-01-16 16:46:46

相关推荐

angularJS实现$http.post和$http.get请求的代码详解

web前端|js教程

angularjs,http,post,angularjs2,http,post,angularjs,get请求

web前端-js教程

本篇文章主要介绍了angularJS 发起$http.post和$http.get请求的实现方法,分别介绍了$http.post和$http.get请求的方法,有兴趣的可以了解一下

贷款手机网站源码,在ubuntu上装qt,tomcat是哪个公司的,爬虫js加密,php商城软件报价,四川正规的seo优化哪家好lzw

AngularJS发起$http.post请求

web电影院售票系统源码下载,vscode选择环境c,ubuntu配置休眠,tomcat怎么增加内存,sqlite3数据库合并,爬虫太原,php 函数 作用域,远程指导seo优化方法,国内特效网站,css 幻灯片代码模板lzw

代码如下:

java 远程桌面 源码,ubuntu换内核视频,tomcat运行时乱码,爬虫猫眼日期,php布尔型例子,seo搜v-seolzw

$http({ method:post, url:post.php, data:{name:"aaa",id:1,age:20} }).success(function(req){ console.log(req); })

这时候你会发现收不到返回的数据,结果为null,这是因为要转换成form data。

解决方案:

配置$httpProvider:

var myApp = angular.module(app,[]); myApp.config(function($httpProvider){ $httpProvider.defaults.transformRequest = function(obj){ var str = []; for(var p in obj){str.push(encodeURIComponent(p) + "=" + encodeURIComponent(obj[p])); } return str.join("&"); } $httpProvider.defaults.headers.post = {Content-Type: application/x-www-form-urlencoded } });

或者在post中配置:

$http({ method:post, url:post.php, data:{name:"aaa",id:1,age:20}, headers:{Content-Type: application/x-www-form-urlencoded}, transformRequest: function(obj) { var str = []; for(var p in obj){str.push(encodeURIComponent(p) + "=" + encodeURIComponent(obj[p])); } return str.join("&"); } }).success(function(req){console.log(req); })

AngularJS发起$http.post请求

代码如下:

app.controller(sprintCtrl, function($scope, $http) {$http.get("http://localhost:8080/aosapp/pt/service?formid=pt_aosapp_service_sprintlist&teamid=1").success(function (response) {console.log($scope.sprintlist=response);}); });

其实,angularjs 和 jquery js最大的区别在哪儿那,angularjs是你事先在心中构建好真个页面,然后用变量或者占位符来表示数据,数据来了,直接填充就可以了;而jquery则是动态的修改dom元素,如添加修改dom标签等。设计思想不一样。

【相关推荐】

1. Javacript免费视频教学

2. js开发用到百度地图的代码整理

3. 使用node.js分析url输出文件给客户端

4. JavaScript解决汉字转拼音的实例详解

5. 分享15个常用的js正则表达式

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。