jQuery發(fā)請求傳輸中文參數亂碼問題的解決方案

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

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

最近在做的需求，涉及到級聯(lián)查詢，需要根據上級下拉框的內容，查詢出下級下拉框列表，因為級聯(lián)只有兩級，且后期對表中的數據幾乎不會改動，所以我設計的表存的直接是中文。

菜單如下：

這里寫圖片描述

代碼如下：

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)向后臺發(fā)送請求的，由于將參數直接以GET方式發(fā)送，所以瀏覽器對參數用URL編碼進行了encode，而后臺獲取到的參數為：

這里寫圖片描述

可以看到，param接收到的是亂碼。所以我進行了進一步的處理，即轉碼：

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

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

但是這樣的做法在測試環(huán)境竟然報錯了，分析了下原因，發(fā)現(xiàn)測試環(huán)境接收到的就是正確的中文，轉碼后反而錯了。所以，解決方案應該是改頁面的請求。因為使用了GET方式導致的參數被編碼了，所以改為POST請求，POST請求會提交原始數據：

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);
  }
 });

總結

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

您可能感興趣的文章:

基于jQuery實現(xiàn)動態(tài)數字展示效果
Jq數據列表動態(tài)效果，動態(tài)更新，支持Ajax動態(tài)刷新。下面小編給大家介紹下基于jQuery實現(xiàn)動態(tài)數字展示效果，需要的朋友可以參考下
2015-08-08
20個最新的jQuery插件
jQuery 是一個非常優(yōu)秀的 JavaScript 框架，使用簡單靈活，同時還有許多成熟的插件可供選擇，它可以幫助你在項目中加入一些非常好的效果
2012-01-01
Jqgrid設置全選(選擇)及獲取選擇行的值示例代碼
本篇文章主要介紹了Jqgrid設置全選(選擇)及獲取選擇行的值示例代碼。需要的朋友可以過來參考下，希望對大家有所幫助
2013-12-12
Jquery焦點與失去焦點示例應用
這篇文章主要介紹了Jquery焦點與失去焦點示例應用,需要的朋友可以參考下
2014-06-06
jQuery操作select的實例代碼
jQuery操作select的實例代碼，這篇比較簡單，如果想要想了解更多可以參考腳本之家以前發(fā)布的文章
2012-06-06
這篇文章主要介紹了jquery如何把數組變?yōu)樽址畟鞯椒斩瞬⑻幚?需要的朋友可以參考下
2014-04-04