angular中的post请求处理示例详解
前言
项目angular中使用jQuery请求,想替换为angular自身请求,结果发现后台没法获取參数,所以,查询资料分析一下,做个总结。
步骤如下:
首先,angular和jQuery中请求是不同的。如下:
- jQuery:
请求contentType是:
application/x-www-form-urlencoded;charset=UTF-8
该类型数据被编码成以'&'分隔的键-值对,同时以'='分隔键和值.非字母或数字的字符会被百分比编码:这也就是为什么这种类型不支持二进制数据(应使用multipart/form-data代替)。
data参数是处理过的:
//json对象 {a:3,b:2} //将json对象处理为 "a=3&b=2"
- Angular:
请求contentType:
application/json
data参数:
//json对象 {a:3,c:2}
综上来看,angular提交后台是json,不是表单数据。我们需要把json对象转换为参数拼接,提交后台时就是表单数据了:
/** *将application/json转换为application/x-www-form-urlencoded *@paramdata */ handlerPostParams(data){ constparams=[]; for(constkeyindata){ if(data[key]&&!isNull(data[key])){ if(data[key]instanceofArray){ for(leti=0;i总结
到此这篇关于angular中post请求处理的文章就介绍到这了,更多相关angularpost请求处理内容请搜索毛票票以前的文章或继续浏览下面的相关文章希望大家以后多多支持毛票票!
声明:本文内容来源于网络,版权归原作者所有,内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:czq8825#qq.com(发邮件时,请将#更换为@)进行举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。