快捷導(dǎo)航

jQuery發(fā)請(qǐng)求傳輸中文參數(shù)亂碼問(wèn)題的解決方案

更新時(shí)間：2018年05月22日 16:48:25 作者：莞爾流年

這篇文章主要介紹了jQuery發(fā)請(qǐng)求傳輸中文參數(shù)亂碼問(wèn)題的解決方案,需要的朋友可以參考下

最近在做的需求，涉及到級(jí)聯(lián)查詢，需要根據(jù)上級(jí)下拉框的內(nèi)容，查詢出下級(jí)下拉框列表，因?yàn)榧?jí)聯(lián)只有兩級(jí)，且后期對(duì)表中的數(shù)據(jù)幾乎不會(huì)改動(dòng)，所以我設(shè)計(jì)的表存的直接是中文。

菜單如下：

這里寫圖片描述

代碼如下：

var url = "${basePath}/institutionConfig/getDepartmentByCenter.do?param=" + center;
$.get(url, function (data) {
 var list = data.data;
 for (var i = 0; i < list.length; i++) {
   departmentSelector += "<option value='" + list[i] + "' ";
   if (department && list[i] == department) {
    departmentSelector += "selected='selected'";
   }
   departmentSelector += ">" + list[i] + "</option>";
 }
 $("#accountDepartmentAdd").html(departmentSelector);
});

我用的是$.get(url, callback)向后臺(tái)發(fā)送請(qǐng)求的，由于將參數(shù)直接以GET方式發(fā)送，所以瀏覽器對(duì)參數(shù)用URL編碼進(jìn)行了encode，而后臺(tái)獲取到的參數(shù)為：

這里寫圖片描述

可以看到，param接收到的是亂碼。所以我進(jìn)行了進(jìn)一步的處理，即轉(zhuǎn)碼：

String center = new String(param.getBytes("iso8859-1"), "utf-8");

這樣接收到的就是中文了。

但是這樣的做法在測(cè)試環(huán)境竟然報(bào)錯(cuò)了，分析了下原因，發(fā)現(xiàn)測(cè)試環(huán)境接收到的就是正確的中文，轉(zhuǎn)碼后反而錯(cuò)了。所以，解決方案應(yīng)該是改頁(yè)面的請(qǐng)求。因?yàn)槭褂昧薌ET方式導(dǎo)致的參數(shù)被編碼了，所以改為POST請(qǐng)求，POST請(qǐng)求會(huì)提交原始數(shù)據(jù)：

var url = "${basePath}/institutionConfig/getDepartmentByCenter.do";
$.ajax({
  url: url,
  data: {"param": center},
  dataType: "json",
  type: "POST",
  success: function (data) {
   var list = data.data;
   for (var i = 0; i < list.length; i++) {
    departmentSelector += "<option value='" + list[i] + "' ";
    if (department && list[i] == department) {
     departmentSelector += "selected='selected'";
    }
    departmentSelector += ">" + list[i] + "</option>";
   }
   $("#accountDepartmentAdd").html(departmentSelector);
  }
 });

總結(jié)

以上所述是小編給大家介紹的jQuery發(fā)請(qǐng)求傳輸中文參數(shù)亂碼問(wèn)題的解決方案，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

您可能感興趣的文章: