jQuery Ajax傳值到Servlet出現(xiàn)亂碼問題的解決方法
最近在學(xué)jquery ui,在做一個小功能的時候需要將前臺的值獲取到,通過Ajax傳遞給Servlet,然后再在返回數(shù)據(jù)結(jié)果,但是在Servlet接受參數(shù)的時候,通過后臺打印,發(fā)現(xiàn)接受亂碼,代碼示例如下:
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網(wǎng)頁沒有亂碼
首先得確保你的JSP頁面沒有亂碼,具體代碼如下:
%@page pageEncoding="utf-8" contentType="text/html;charset=utf-8" %
這句話添加在網(wǎng)頁最頂部就可以了,補充下page指令的兩個參數(shù)的具體含義,很多人也許會用,但是我覺得還是有必要了解下的:
a.pageEncoding參數(shù)
pageEncoding屬性用來指定JSP頁面的字符編碼,默認(rèn)為ISO-8859-1,由于該方法不支持中文,所以,如果要指定JSP頁面的字符編碼方式支持中文編碼,則需要將page指令的pageEncoding屬性設(shè)置為"GB2312"、"GBk"或"UTF-8"。
b.contentType參數(shù)
contentType屬性用來指定JSP頁面輸出內(nèi)容的類型和字符編碼方式。屬性值中的內(nèi)容類型部分可以為text/html(純文本HTML頁面)、text/plain(純文本文件)等。
2.保證jQuery Ajax在傳遞前沒有亂碼
下面貼出的Ajax代碼,我要給后臺傳遞的參數(shù)是get類型,參數(shù)名叫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 })
正如我代碼紅色所標(biāo)記的,你在傳遞前先alert()彈窗,測測看是不是你的js文件已經(jīng)亂碼,如果是的話,解決方法:
1.回查上一步是不是沒解決
2.js文件編碼問題:在資源管理器用記事本打開js,然后另存為,在編碼里選擇utf-8
如下圖:
當(dāng)你的第一個彈窗沒有亂碼,那說明在傳給Servlet前沒有問題,那個在進(jìn)入下一步前先做一個準(zhǔn)備工作,如上述紅色代碼所示,先給參數(shù)轉(zhuǎn)碼:
criticalword:encodeURI(request.term)
這個轉(zhuǎn)碼是為了防止在Servlet中出現(xiàn)接收亂碼的函數(shù),形式為:encodeURI(param)
3.保證Servlet在接受Ajax的參數(shù)時(request)沒有亂碼
到了這一步說明你離成功不遠(yuǎn)了,只需要先request和resopnse設(shè)置編碼的方式,然后再解碼即可,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():用于設(shè)置響應(yīng)回jsp或者Ajax的字符編碼。
b.request.setCharacterEncoding():用于設(shè)置接收請求的響應(yīng)編碼。
c.URLDecoder.decode():此函數(shù)需要先導(dǎo)入java.net包,用于對Ajax的編碼進(jìn)行解碼。
完成以上三個步驟后,你可以像我一樣,在返回前加一個System.out.println(yourParam)試試,如果是中文那就沒問題啦
4.保證Servlet在響應(yīng)(response)給jsp沒有亂碼
其實在第三部的要點b設(shè)置好后,其實返回給html或jsp就應(yīng)該之中文了。
注:如果你用的是post方法,直接在Ajax里加上contentType:application/x-www-form-urlencoded;charset=utf-8就可以了,不需要進(jìn)行轉(zhuǎn)碼。
- js與jQuery終止正在發(fā)送的ajax請求的方法
- jQuery通過Ajax向PHP服務(wù)端發(fā)送請求并返回JSON數(shù)據(jù)
- jquery跨域請求示例分享(jquery發(fā)送ajax請求)
- jquery+ajax每秒向后臺發(fā)送請求數(shù)據(jù)然后返回頁面的代碼
- jQuery發(fā)請求傳輸中文參數(shù)亂碼問題的解決方案
- jQuery ajax方法傳遞中文時出現(xiàn)中文亂碼的解決方法
- JQuery ajax 返回json時出現(xiàn)中文亂碼該如何解決
- JQuery的Ajax中Post方法傳遞中文出現(xiàn)亂碼的解決方法
- JQuery發(fā)送ajax請求時中文亂碼問題解決
相關(guān)文章
ASP.NET jQuery 實例12 通過使用jQuery validation插件簡單實現(xiàn)用戶注冊頁面驗證功能
在這節(jié)我們將使用validation插件實現(xiàn)注冊頁面的驗證功能,通過這個例子,可以更全面的掌握該插件的使用功能2012-02-02jquery、js調(diào)用iframe父窗口與子窗口元素的方法整理
本節(jié)主要介紹了jquery、js調(diào)用iframe父窗口與子窗口元素的方法,需要的朋友可以參考下2014-07-07jquery請求servlet實現(xiàn)ajax異步請求的示例
下面小編就為大家?guī)硪黄猨query請求servlet實現(xiàn)ajax異步請求的示例。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-06-06