问题:前端用Ajax的post方式想servlet传递参数,servlet的getParameter()方法无法获取参数。
前端代码:
$.ajax({ url: '/TestWeb/addBook', type: 'post', data: JSON.stringify($('#addBookForm').serializeJSON()),//jQuery的json序列化函数 //data: $('#addBookForm').serialize(), dataType: "json",//返回的数据类型 headers : { 'Content-Type' : 'application/json;charset=utf-8' } success: function () { $('#addModelClose').click(); layer.msg('添加新书成功!'); } });
想传入json数据,所以一开始 设置'Content-Type' : 'application/json;charset=utf-8' ,然后发现servlet那边req.Parameter()获取的都为null。百度相关信息后发现,HTML中的form表单有一个关键属性 enctype=application/x-www-form-urlencoded ,Servlet的API提供了对这种编码方式解码的支持,只需要调用ServletRequest 类中的getParameter()方法就可以得到表单中提交的数据。
然后百度知道jQuery的Ajax的post方法默认的ContentType就是这种,于是把之前的content-Type注释掉,重新运行,发现还是不行。然后我想可能是既然没有设置成json,servlet不识别json数据,于是把data改成普通的数据请求格式,即 id=123&cx=lklj 这种格式。
然后就成功在servlet用getParameter()获得数据。
附:
把前端表单数据转化成json字符串:
方法1:
JSON.stringify($('#addBookForm').serializeJSON())可以直接把表单的内容格式化为json数据格式,但这个方法需要相对应的jquery插件(serializeJson要插件,然后这个函数是把表单数据变成一个js对象,再用stringify把js对象变成json字符串)
顺便提一下: $('#addBookForm').serialize()可以直接把表单内容格式化为普通请求格式,像 id=123&cx=lklj
方法2:
<script type="application/javascript"> //发送表单ajax请求 $(':submit').on('click',function(){ $.ajax({ url:"buy", type:"POST", data:JSON.stringify($('form').serializeObject()), contentType:"application/json", //缺失会出现URL编码,无法转成json对象
dataType: "json", success:function(){ alert("成功"); } }); }); /** * 自动将form表单封装成json对象 */ $.fn.serializeObject = function() { var o = {}; var a = this.serializeArray(); $.each(a, function() { if (o[this.name]) { if (!o[this.name].push) { o[this.name] = [ o[this.name] ]; } o[this.name].push(this.value || ''); } else { o[this.name] = this.value || ''; } }); return o; }; </script>
tips:
更改源码的js或者html后浏览器没反应,可以试着用ctrl+F5来更新。