jquery參數(shù)出現(xiàn)亂碼如何解決

這篇文章主要介紹了jquery參數(shù)出現(xiàn)亂碼如何解決，具有一定借鑒價值，需要的朋友可以參考下。下面就和我一起來看看吧。

解決jquery參數(shù)亂碼的方法：1、通過“new String(param.getBytes("iso8859-1"), "utf-8");”進(jìn)行轉(zhuǎn)碼；2、修改頁面的請求為POST請求即可。

本教程操作環(huán)境：windows7系統(tǒng)、jquery1.10.0版本、Dell G3電腦。

jQuery發(fā)請求傳輸中文參數(shù)亂碼

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

菜單如下：

代碼如下：

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

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

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

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

但是這樣的做法在測試環(huán)境竟然報錯了，分析了下原因，發(fā)現(xiàn)測試環(huán)境接收到的就是正確的中文，轉(zhuǎn)碼后反而錯了。所以，解決方案應(yīng)該是改頁面的請求。因為使用了GET方式導(dǎo)致的參數(shù)被編碼了，所以改為POST請求，POST請求會提交原始數(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);
      }
 })

以上就是jquery參數(shù)出現(xiàn)亂碼如何解決的詳細(xì)內(nèi)容了，看完之后是否有所收獲呢？如果想了解更多相關(guān)內(nèi)容，歡迎來億速云行業(yè)資訊！