AngularJS 学习笔记值post传值

约定不等于承诺〃 2022-03-30 04:07 160阅读 0赞

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

传值格式是这样的

![001Gk62fgy6JpEkGV5ed8_690][]

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 <wbr>学习笔记值post传值][AngularJS_wbr_post]][AngularJS_wbr_post_AngularJS_wbr_post]

综上所述，问题就解决了。 ![AngularJS <wbr>学习笔记值post传值][AngularJS_wbr_post 1]

[001Gk62fgy6JpEkGV5ed8_690]: /images/20220330/4cc3f93ead474bba8cffd616b96e64cf.png
[AngularJS_wbr_post]: http://s6.sinaimg.cn/mw690/001Gk62fgy6JpEBHjbDd5&690
[AngularJS_wbr_post_AngularJS_wbr_post]: /images/20220330/229af8692f4d4f5090d5ac5eec84157f.png
[AngularJS_wbr_post 1]: /images/20220330/b34466f4ba9c4f8ab38ef76cdd04d127.png

发表评论取消回复

表情：

评论列表（有 0 条评论，160人围观）

还没有评论，来说两句吧...

相关阅读

相关 node模拟get post路由传值

get传值 > 模拟的路径为：http://localhost:8080/register?id=3&name=zmt > > 1. 引入url模块 > 2. 路径

Bertha 。/ 2023年07月03日 10:52/ 0 赞/ 91 阅读

相关 node —— get/post传值 + 路由封装

一、`get/post`传值 1. `get`传值 > 直接通过路径传值取值：引入`url`模块：`let url = require("url"

痛定思痛。/ 2023年06月17日 14:56/ 0 赞/ 235 阅读

相关学习笔记（7）父子组件之间传值

组件的通讯父组件给子组件传值子组件通过`props`来接受外界传递到组件内部的值 `props: ['msg']` <template>

谁践踏了优雅/ 2023年05月21日 08:43/ 0 赞/ 3 阅读

相关学习笔记——react组件间传值

-------------------- > 在react中，组件间传值是一个非常重要的功能。react中组件拆分要合理，精细。所以组件拆分时，会把一个页面级组件分为容器组件

刺骨的言语ヽ痛彻心扉/ 2022年12月19日 00:54/ 0 赞/ 167 阅读

相关学习笔记——Vue中父子组件传值

-------------------- > 在vue中，使用组件时，我们可能会在一个页面级组件中调用其他功能组件，例如数量加减的组件，那么如何使父子组件之间进行通信哪？

左手的ㄟ右手/ 2022年11月20日 08:20/ 0 赞/ 161 阅读

相关 PHP之AJAX、POST传值【顶、踩】

顶一下为事例： top\_reply表结构:id标识，rid关联ID，uid用户 <script> function topreply(arid,r

刺骨的言语ヽ痛彻心扉/ 2022年07月11日 16:13/ 0 赞/ 132 阅读

相关页面跳转传值angularjs

默认排序 [![Ye Huang][]][Ye Huang 1] [Ye Huang][Ye Huang 1] [http://yehuang.me][http_yeh

小鱼儿/ 2022年06月05日 03:36/ 0 赞/ 258 阅读

相关 ajax post data数据传值分析

今天在看opencart的代码的时候，看到一个很奇特的写法： $.ajax(\{ url: 'index.php?route=checkout/payment\_

淩亂°似流年/ 2022年05月20日 08:27/ 0 赞/ 161 阅读

相关 curl(POST，GET)传值 laravel框架

如果想用get方式要把curlPost改成 curlGet 还有最后的传值方式改成GET <?php function curlPost($

布满荆棘的人生/ 2022年04月16日 00:07/ 0 赞/ 244 阅读

相关 AngularJS 学习笔记值post传值

问题直接调用$http.post()方法时传值格式是这样的 ![001Gk62fgy6JpEkGV5ed8_690][] php接收端接收到的是json格式的，怎么做的

约定不等于承诺〃/ 2022年03月30日 04:07/ 0 赞/ 161 阅读