AngularJS 学习笔记值post传值

问题直接调用$http.post()方法时

传值格式是这样的

php接收端接收到的是json格式的，怎么做的跟Ajax post那样传值呢？

分析原因，angular的$http.post()方法默认数据传输格式是json的

post: {'Content-Type': 'application/json;charset=utf-8'},

put: {'Content-Type': 'application/json;charset=utf-8'}

所以要修改传输格式

解决方法如下

在angular模块中加入

//修改post方式 form格式传值

angular.module('MyModule', [], function($httpProvider) {//MyModule是你自己的app名称

// Use x-www-form-urlencoded Content-Type

$httpProvider.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=utf-8';

$httpProvider.defaults.headers.put['Content-Type'] = 'application/x-www-form-urlencoded;charset=utf-8';

var param = function(obj) {

var query = '', name, value, fullSubName, subName, subValue, innerObj, i;

for(name in obj) {

value = obj[name];

if(value instanceof Array) {

for(i=0; i

subValue = value[i];

fullSubName = name + '[' + i + ']';

innerObj = {};

innerObj[fullSubName] = subValue;

query += param(innerObj) + '&';

}

else if(value instanceof Object) {

for(subName in value) {

subValue = value[subName];

fullSubName = name + '[' + subName + ']';

innerObj = {};

innerObj[fullSubName] = subValue;

query += param(innerObj) + '&';

}

else if(value !== undefined && value !== null)

query += encodeURIComponent(name) + '=' + encodeURIComponent(value) + '&';

}

return query.length ? query.substr(0, query.length - 1) : query;

};

// Override $http service's default transformRequest

$httpProvider.defaults.transformRequest = [function(data) {

return angular.isObject(data) && String(data) !== '[object File]' ? param(data) : data;

}];

});

结果如下

综上所述，问题就解决了。

AngularJS 学习笔记值post传值相关推荐

【AngularJs学习笔记三】Grunt任务管理器
为什么80%的码农都做不了架构师?>>> #0 系列目录# AngularJs学习笔记 [AngularJs学习笔记一]Bower解决js的依赖管理 [AngularJs学习笔 ...
【AngularJs学习笔记五】AngularJS从构建项目开始
为什么80%的码农都做不了架构师?>>> #0 系列目录# AngularJs学习笔记 [AngularJs学习笔记一]Bower解决js的依赖管理 [AngularJs学习笔 ...
AngularJs学习笔记--unit-testing
原版地址:http://docs.angularjs.org/guide/dev_guide.unit-testing javascript是一门动态类型语言,这给她带来了很强的表现能力,但同时也使编 ...
AngularJS学习笔记(一)
前言几个月之前了解过一点Angular,主要是通过phonecat应用程序了解一些入门东西,但是当被问及什么是Angular或者你对Angular的理解时,只记得一个MVVM双向数据绑定,显然这是不 ...
angularjs学习笔记一——了解angularjs、开发环境搭建、第一个angularjs程序
一.什么是angularJS angularJS是基于javascript的框架,所谓框架,自然就是封装了很多功能,举个例子,使用原生javascript,如果你要写一个网页幻灯片,你可能需要几十行代 ...
AngularJS 学习笔记---AngularJS 简介
AngularJS 简介 http://www.runoob.com/angularjs/angularjs-intro.html https://docs.angularjs.org/api/ng ...
AngularJS 学习笔记---AngularJS 表达式
AngularJS 表达式 AngularJS 使用表达式把数据绑定到 HTML. AngularJS 表达式 AngularJS 表达式写在双大括号内:{{ expression }}. Ang ...
AngularJS学习笔记（3）——通过Ajax获取JSON数据
通过Ajax获取JSON数据以我之前写的与用户交互的动态清单列表为例,使用JSON前todo.html代码如下: <!DOCTYPE html> <html ng-app=&quo ...
angularjs 学习笔记简单基础
angularjs是谷歌公司的一个项目,弥补了hml在构建方面的不足,通过指令(directive)来扩展html标签,可以使开发者使用html来声明动态内容. angularjs主要用来开发单页应用 ...

AngularJS 学习笔记值post传值

AngularJS 学习笔记值post传值相关推荐

最新文章

热门文章