jQuery Ajax传值到Servlet出现乱码问题的解决方法
2019/6/27 21:43:50
本文主要是介绍jQuery Ajax传值到Servlet出现乱码问题的解决方法,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
最近在学jquery ui,在做一个小功能的时候需要将前台的值获取到,通过Ajax传递给Servlet,然后再在返回数据结果,但是在Servlet接受参数的时候,通过后台打印,发现接受乱码,代码示例如下:
public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { response.setContentType("text/html;charset=utf-8"); request.setCharacterEncoding("utf-8"); PrintWriter out = response.getWriter(); String testword=request.getParameter("criticalword") System.out.println(testword); out.println(testword); out.flush(); out.close(); }
我只用的是ajax的get方式传递的,所以上面也只截取了doGet()方法的代码,那么对于乱码,会有哪几种情况呢,我谈一下我的看法,具体每个阶段的方法我会以代码和截图的方式给出:
1.保证jsp网页没有乱码
首先得确保你的JSP页面没有乱码,具体代码如下:
%@page pageEncoding="utf-8" contentType="text/html;charset=utf-8" %
这句话添加在网页最顶部就可以了,补充下page指令的两个参数的具体含义,很多人也许会用,但是我觉得还是有必要了解下的:
a.pageEncoding参数
pageEncoding属性用来指定JSP页面的字符编码,默认为ISO-8859-1,由于该方法不支持中文,所以,如果要指定JSP页面的字符编码方式支持中文编码,则需要将page指令的pageEncoding属性设置为"GB2312"、"GBk"或"UTF-8"。
b.contentType参数
contentType属性用来指定JSP页面输出内容的类型和字符编码方式。属性值中的内容类型部分可以为text/html(纯文本HTML页面)、text/plain(纯文本文件)等。
2.保证jQuery Ajax在传递前没有乱码
下面贴出的Ajax代码,我要给后台传递的参数是get类型,参数名叫criticalword,代码如下:
$('#search').autocomplete({ source:function(request,response){ alert('看看在传递前有没有乱码'+request.term); $.ajax({ type:'get', url:'/SGAME/servlet/IndexSearchItems', data:{criticalword:encodeURI(request.term)}, success:function(response,status,xhr){ alert(response); } }); }, delay:100 })
正如我代码红色所标记的,你在传递前先alert()弹窗,测测看是不是你的js文件已经乱码,如果是的话,解决方法:
1.回查上一步是不是没解决
2.js文件编码问题:在资源管理器用记事本打开js,然后另存为,在编码里选择utf-8
如下图:
当你的第一个弹窗没有乱码,那说明在传给Servlet前没有问题,那个在进入下一步前先做一个准备工作,如上述红色代码所示,先给参数转码:
criticalword:encodeURI(request.term)
这个转码是为了防止在Servlet中出现接收乱码的函数,形式为:encodeURI(param)
3.保证Servlet在接受Ajax的参数时(request)没有乱码
到了这一步说明你离成功不远了,只需要先request和resopnse设置编码的方式,然后再解码即可,doGet代码如下:
public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { response.setContentType("text/html;charset=utf-8"); request.setCharacterEncoding("utf-8"); PrintWriter out = response.getWriter(); String testword=URLDecoder.decode(request.getParameter("criticalword"),"utf-8"); System.out.println(testword); out.println(testword); out.flush(); out.close(); }
其中主要有三个要点:
a.response.setContentType():用于设置响应回jsp或者Ajax的字符编码。
b.request.setCharacterEncoding():用于设置接收请求的响应编码。
c.URLDecoder.decode():此函数需要先导入java.net包,用于对Ajax的编码进行解码。
完成以上三个步骤后,你可以像我一样,在返回前加一个System.out.println(yourParam)试试,如果是中文那就没问题啦
4.保证Servlet在响应(response)给jsp没有乱码
其实在第三部的要点b设置好后,其实返回给html或jsp就应该之中文了。
注:如果你用的是post方法,直接在Ajax里加上contentType:application/x-www-form-urlencoded;charset=utf-8就可以了,不需要进行转码。
这篇关于jQuery Ajax传值到Servlet出现乱码问题的解决方法的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-11-01Vue.js 是什么-icode9专业技术文章分享
- 2024-11-01Vue3入门教程:从零开始搭建第一个Vue3项目
- 2024-11-01详解vueRouter4基础教程
- 2024-11-01Vuex4课程:初学者的完整入门指南
- 2024-10-31Vue3课程:新手入门到初级掌握
- 2024-10-31Vue3课程:新手入门到初级应用详解
- 2024-10-31VueRouter4课程:新手入门与实战指南
- 2024-10-31Vuex4学习:从入门到初级实战教程
- 2024-10-31Vue3教程:新手入门与基础实战
- 2024-10-31Vue教程:新手快速入门指南