今天在写提交一个json数据到后台,然后后台返回一个json数据类型。但是发现后台通过request.getParamter(“”)取到的值为null。

于是写一个简单的ajax 请求,来排查问题

前台代码:

$(document).ready(function(){
    $("#ajax").click(function(){
        var depart="depart";
        $.ajax({
            url :path+ "/AjaxReponse",
            data :"depart="+depart,
            type : "post",
            dataType : "json",
            success: function(data){
                alert(data);
            }
        });
    });
});

后台代码:

String depart=request.getParameter("depart");

现象:后台取到值为null。但是在google chrome调试工具调试时,request中已经有发送的值了

一.网友方法

正常的post请求(不包括ajax请求)在http头中的content-type为application/x-www-form-urlencoded,这时在java后台可以通过request.getParameter(name)的形式获取.但是通过原生ajax请求时,在java后台通过request.getParameter(name)的形式却无法获取到传入的参数.

但是实际上在上图中可以看到,content-type已经是application/x-www-form-urlencoded的形式了。所以网友的方法不适用

http://m.blog.csdn.net/blog/eyebrother/36007145

二.编码格式

既然在调试器中看到request的发送内容没问题,那么就是编码格式的问题了。在后台添加代码:

request.setCharacterEncoding(“utf-8”);

可以解决这个问题。

但是发现前台写成这种类型

    data :{
                "depart" : depart
            },

后台取到的也是null。所以最终将js文件编码格式改为utf-8.解决这个问题

三.发送json类型数据到后台

$(document).ready(function(){
    $("#ajax").click(function(){
        var isReceipt = "1";
        var adress ="2";
        var reason = "3";
        var projectInfo = {
                "adress" : isReceipt,
                "ownerDept" : {
                    "deptCode" : adress
            },
            "reason" : reason
        };
        $.ajax({
            url :path+ "/AjaxReponse",
            data :{
                "depart" : JSON.stringify(projectInfo)
            },
            type : "post",
            dataType : "json",
            success: function(data){
                alert(data);
            }
        });
    });
});

后台:

String depart=request.getParameter("depart");
Gson gson = new GsonBuilder().create();
Depart dep = gson.fromJson(depart),
        Depart.class);

前台通过JSON.stringify()方法将json类型转换为string类型发送。

后台是使用google的GSON包,然后将json类型数据(String)转换为实体类数据类型。

四.js 工具

由于js语法比较复杂,编译器无法进行检查。所以js代码风格,错误比较难找。这里推荐我使用的两个工具。

1. JSTool

可以格式化js代码

2. JSLINT

检查语法错误

具体使用不详述了,我都是下载这两个工具对应的notepad++插件。在notepad使用非常方便。

五. 吐槽

csdn 的新版博客编辑器确实不错,但是在写博客时没有随手保存,打开其他的csdn页面时,提示markdown 编辑器实例已运行,必须重写加载。然后整篇博客都重写了。实在是不能忍!

ajax post请求request.getParameter("")取值为null的更多相关文章

  1. springMVC 返回类型选择 以及 SpringMVC中model,modelMap.request,session取值顺序

    springMVC 返回类型选择 以及 SpringMVC中model,modelMap.request,session取值顺序 http://www.360doc.com/content/14/03 ...

  2. html 页面表单如果是disabled,则不能提交到服务器端,request.getParameter得到的将为null

    html 页面表单如果是disabled,则不能提交到服务器端,request.getParameter得到的将为null 解决方法:使用hidden 利用javascript赋值,传递到后台

  3. @Value取值为NULL的解决方案------https://blog.csdn.net/zzmlake/article/details/54946346

    @Value取值为NULL的解决方案 https://blog.csdn.net/zzmlake/article/details/54946346

  4. SpringMVC项目中中文字符乱码问题及解决办法总结(非专业最优解决办法) -- ajax传值乱码; request.getParameter()乱码;

    情况一: ajax中传值时是乱码(后台可以获取到中文字符,但用@ResponseBody返回时前台为乱码) 情况二: Controller 中 request.getParameter()获取到的是乱 ...

  5. spring学习之springMVC 返回类型选择 以及 SpringMVC中model,modelMap.request,session取值顺序

    spring mvc处理方法支持如下的返回方式:ModelAndView, Model, ModelMap, Map,View, String, void.下面将对具体的一一进行说明: ModelAn ...

  6. Web版需求征集系统所得2,servlet中request.getParameter获值乱码问题解决

    servlet获值乱码问题解决 解决办法一(最简单有效) request.setCharacterEncoding("utf-8"); 解决办法二 因为乱码问题的产生是因为默认格式 ...

  7. 过滤器中处理multipart/form-data头部的post请求request.getParameter(")获取不到参数问题

    如果不是文件类型请求,我们使用request.getParameter("");方法是可以获取到参数内容的,如果是文件类型的请求即请求的头部信息为“multipart/form-d ...

  8. Spring @Value取值为null或@Autowired注入失败

    @Value 用于注入.properties文件中定义的内容 @Autowired 用于装配bean 用法都很简单,很直接,但是稍不注意就会出错.下面就来说说我遇到的问题. 前两天在项目中遇到了一个问 ...

  9. @Value取值为NULL的解决方案

    在spring mvc架构中,如果希望在程序中直接使用properties中定义的配置值,通常使用一下方式来获取: @Value("${tag}") private String ...

随机推荐

  1. mac电脑操作

    1.在mac电脑上打开多个终端: command+n快捷键可以打开多个终端  

  2. python2.7入门---操作mysql数据库增删改查

    Python 标准数据库接口为 Python DB-API,Python DB-API为开发人员提供了数据库应用编程接口.Python 数据库接口支持非常多的数据库,你可以选择适合你项目的数据库: G ...

  3. jquery 实现图片无缝向左滚动

    <script type="text/javascript" src="_pub/Script/jquery.js"></script> ...

  4. Ubuntu搭建owncloud10

    前言: 在此我先吐槽一下.用Centos系统简直是为难我自己,是看到那个系统 感到无比的绝望. 正文: 自己在虚拟机中搭建Ubuntu系统.这里就不说了 安装好之后自己换源.建议的源: 清华源: # ...

  5. bootstrap 栅格系统 HTTP协议 软件架构 B/S C/S 常见的WEB服务器

    Day32 bootstrap Bootstrap就是响应式布局最成功的实现,为了兼容不同的浏览器采用jQuery,为了适配不同的终端采用CSS3 Media Query (媒体查询) 1.1.1 栅 ...

  6. 日历类和日期类转换 并发修改异常 泛型的好处 *各种排序 成员和局部变量 接口和抽象类 多态 new对象内存中的变化

    day07 ==和equals的区别? ==用于比较两个数值 或者地址值是否相同.  equals 用于比较两个对象的内容是否相同   String,StringBuffer.StringBuilde ...

  7. Luxurious Houses

    The capital of Berland has n multifloor buildings. The architect who built up the capital was very c ...

  8. ACM Primes

    Write a program to read in a list of integers and determine whether or not each number is prime. A n ...

  9. Node.js Path 模块

    Node.js path 模块提供了一些用于处理文件路径的小工具,我们可以通过以下方式引入该模块: var path = require("path") 方法 序号 方法 & ...

  10. IntelliJ IDEA下Git的配置与使用(命令行下)

    1. 安装Git并配置好Git 安装与配置参见Git与码云(Git@OSC)入门-如何在实验室和宿舍同步你的代码(1)中的2.在本机安装Git与3.1 配置git. 2. 创建远程仓库 在gitee. ...