首頁 web前端 js教程 jquery.ajax中url傳遞中文顯示亂碼如何處理

jquery.ajax中url傳遞中文顯示亂碼如何處理

Apr 26, 2018 am 10:51 AM
亂碼 顯示

這次帶給大家jquery.ajax中url傳遞中文顯示亂碼如何處理,jquery.ajax中url傳遞中文顯示亂碼處理的注意事項有哪些,下面就是實戰案例,一起來看一下。

JQuery

JQuery預設的contentType:application/x-www-form-urlencoded

這才是JQuery正在亂碼的原因,在未指定字元集的時候,是使用ISO-8859-1

ISO8859-1,通常叫做Latin-1。 Latin-1包括了書寫所有西方歐洲語言中不可缺少的附加字元。

JQuery的Ajax完全沒有考慮到國際化的問題,使用了歐洲的字元集,所以才引起了傳遞中文出現亂碼的問題。

而我們的UTF-8則可以解決這個問題。

最終指需要修改JQuery的程式碼,明確聲明contentType使用utf-8字元集,即可解決GB2312中文傳遞的問題。

1. 修改JQuery程式碼

只需要簡單的將JQuery的程式碼加以修改,加上charset=UTF-8就可以了,這樣不需要改變改什麼web.config或什麼在頁面中改編碼什麼的了,也不需要用escapc(str)再在服務端解碼。英文怎麼傳遞,中文也怎麼傳遞。

修改用到的jquery檔:jquery-1.4.4.min.js

1

2

3

4

ajaxSettings:

{url:location.href,global:true,type:"GET",contentType:"application/x-www-form-urlencoded

;charset=UTF-8

",processData:true,async:true,xhr:function(){return new E.XMLHttpRequest}

登入後複製

2. Js程式碼:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

function confirmcommit(){

    var wlCompany = $("#wlCompany").val();//这里含有中文

    var wlId = $("#wlId").val();

    var proposer = $("#proposer").val();

    if(confirm("确认要换货吗")){

$.ajax({

type:'POST',

url:'${pageContext.request.contextPath}/returnGoods/confrimExchangeGoods.do',

data:'wlCompany='+wlCompany+'&wlId='+wlId+'&proposer='+proposer, //直接传值

dataType:'text',

error:function(){

    alert("JQuery AJAX Error!");    

},

success:function(msg){

    alert(msg);

    return;

    if(msg=='换货成功'){

 document.location="${pageContext.request.contextPath}/orderItem/queryProduceItem.do?orderBusType="+${orderBusType};

    }

}

});

     }

 }

登入後複製

3 .Java程式碼:

1

2

3

4

5

6

7

8

public ActionForward confrimExchangeGoods(ActionMapping mapping,

ActionForm form, HttpServletRequest request,

HttpServletResponse response) throws Exception {

log.info("确认换货 confrimExchangeGoods start...............");

response.setCharacterEncoding("UTF-8"); //这里要设置一下

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

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

String proposer = request.getParameter("proposer");     .....}

登入後複製

相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!

推薦閱讀:

iframe中頁面錨點失效如何處理

取得document物件步驟中document物件步驟詳解

################################################# #

以上是jquery.ajax中url傳遞中文顯示亂碼如何處理的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱門文章

倉庫:如何復興隊友
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
1 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱門文章

倉庫:如何復興隊友
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
1 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱門文章標籤

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

Linux中文亂碼怎麼解決 Linux中文亂碼怎麼解決 Feb 21, 2024 am 10:48 AM

Linux中文亂碼怎麼解決

解決Windows10中文亂碼問題的方法 解決Windows10中文亂碼問題的方法 Jan 16, 2024 pm 02:21 PM

解決Windows10中文亂碼問題的方法

解決dll檔案開啟亂碼問題的編輯方式 解決dll檔案開啟亂碼問題的編輯方式 Jan 06, 2024 pm 07:53 PM

解決dll檔案開啟亂碼問題的編輯方式

解決win11記事本中的亂碼問題 解決win11記事本中的亂碼問題 Jan 05, 2024 pm 03:11 PM

解決win11記事本中的亂碼問題

解決win11部分軟體亂碼問題的方法以及詳細解析 解決win11部分軟體亂碼問題的方法以及詳細解析 Jan 30, 2024 pm 03:54 PM

解決win11部分軟體亂碼問題的方法以及詳細解析

PHP中文檔案名稱亂碼問題處理技巧 PHP中文檔案名稱亂碼問題處理技巧 Feb 27, 2024 pm 02:18 PM

PHP中文檔案名稱亂碼問題處理技巧

Oracle導入中文資料時出現亂碼怎麼解決? Oracle導入中文資料時出現亂碼怎麼解決? Mar 10, 2024 am 09:54 AM

Oracle導入中文資料時出現亂碼怎麼解決?

桌面佈局已鎖定的原因及解決方法 桌面佈局已鎖定的原因及解決方法 Feb 19, 2024 pm 06:08 PM

桌面佈局已鎖定的原因及解決方法

See all articles