博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ANGULAR JS POST 数据解析
阅读量:4332 次
发布时间:2019-06-06

本文共 1316 字,大约阅读时间需要 4 分钟。

ANGULAR js POST 数据的时候,默认是发送JSON数据到服务端的。

var params={defId:"1234"};
$http.post(url,params).success(function(data, status, headers, config){
                                            
});
我们在服务端获取数据数据时,使用 request.getParmeter("defId");
这种方法我们是获取不到数据的。
解决这个问题有两个办法:
1.在服务端解决
在服务端使用方法:
String json=FileUtil.inputStream2String( request.getInputStream());
在服务端使用流的方式获取数据,将流转成字符串,我们在解析此字符串。
2.在浏览器端解决
将数据序列化成表单提交的方式,使用application/x-www-form-urlencoded编码方式提交。
我们编写一个通用的转换代码。
var baseServices = angular.module( "baseServices", [] );
baseServices.factory("$jsonToFormData",function() {
        function transformRequest( data, getHeaders ) {
                var headers = getHeaders();
                headers["Content-Type"] = "application/x-www-form-urlencoded; charset=utf-8";
                return $.param(data);
        }
        return( transformRequest );
});
在编写发送请求代码如下:
$http.post(url,params,{transformRequest:$jsonToFormData}).success(function(data, status, headers, config){
                                    
});
这样就将数据使用表单编码的方式发送到服务端,服务端可以使用 reuqest.getParameter("defId");的方式获取数据了。
注意:
var headers = getHeaders();
headers["Content-Type"] = "application/x-www-form-urlencoded; charset=utf-8";
这句,我之前写的是headers["Content-type"],发现一个奇怪的问题,就是在FIREFOX下能将数据传地服务端。
在chrome 下,使用同样的代码却不行,服务端接收为空,经过浏览器抓包分析,发现有两个header,一个是Content-type,
一个是Content-Type ,我把Content-type 修改成Content-Type覆盖默认的application/json方式,数据能正确传递了。

转载于:https://www.cnblogs.com/honghtiansoft/p/3798711.html

你可能感兴趣的文章
在mvc3中使用ffmpeg对上传视频进行截图和转换格式
查看>>
python的字符串内建函数
查看>>
Spring - DI
查看>>
微软自己的官网介绍 SSL 参数相关
查看>>
Composite UI Application Block (CAB) 概念和术语
查看>>
ajax跨域,携带cookie
查看>>
阶段3 2.Spring_01.Spring框架简介_03.spring概述
查看>>
阶段3 2.Spring_02.程序间耦合_1 编写jdbc的工程代码用于分析程序的耦合
查看>>
阶段3 2.Spring_01.Spring框架简介_04.spring发展历程
查看>>
阶段3 2.Spring_02.程序间耦合_3 程序的耦合和解耦的思路分析1
查看>>
阶段3 2.Spring_02.程序间耦合_5 编写工厂类和配置文件
查看>>
阶段3 2.Spring_01.Spring框架简介_05.spring的优势
查看>>
阶段3 2.Spring_02.程序间耦合_7 分析工厂模式中的问题并改造
查看>>
阶段3 2.Spring_02.程序间耦合_4 曾经代码中的问题分析
查看>>
阶段3 2.Spring_03.Spring的 IOC 和 DI_2 spring中的Ioc前期准备
查看>>
阶段3 2.Spring_03.Spring的 IOC 和 DI_4 ApplicationContext的三个实现类
查看>>
阶段3 2.Spring_02.程序间耦合_8 工厂模式解耦的升级版
查看>>
阶段3 2.Spring_03.Spring的 IOC 和 DI_6 spring中bean的细节之三种创建Bean对象的方式
查看>>
阶段3 2.Spring_04.Spring的常用注解_3 用于创建的Component注解
查看>>
阶段3 2.Spring_04.Spring的常用注解_2 常用IOC注解按照作用分类
查看>>