jQuery發請求傳送中文參數亂碼怎麼辦-js教程-PHP中文網

jQuery發請求傳送中文參數亂碼怎麼辦

coldplay.xixi

發布： 2023-01-04 09:36:28

原創

1978 人瀏覽過

jQuery發送請求傳送中文參數亂碼的解決方法：首先將參數直接以GET方式傳送；然後進行轉碼，程式碼為【String center = new String(param.getBytes("iso8859-1") , "utf-8")】。

jQuery發請求傳送中文參數亂碼怎麼辦

本教學操作環境：windows7系統、jquery3.2.1版本，Dell G3電腦。

jQuery發請求傳輸中文參數亂碼的解決方法：

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

選單如下：

jQuery發請求傳送中文參數亂碼怎麼辦

程式碼如下：

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=&#39;" + list[i] + "&#39; ";
   if (department && list[i] == department) {
    departmentSelector += "selected=&#39;selected&#39;";
   }
   departmentSelector += ">" + list[i] + "</option>";
 }
 $("#accountDepartmentAdd").html(departmentSelector);
});

登入後複製

我用的是$.get(url, callback)向後台發送請求的，由於將參數直接以GET方式發送，所以瀏覽器對參數用URL編碼進行了encode，而後台獲取到的參數為：

jQuery發請求傳送中文參數亂碼怎麼辦

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

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

登入後複製

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

但是這樣的做法在測試環境竟然報錯了，分析了下原因，發現測試環境接收到的就是正確的中文，轉碼後反而錯了。所以，解決方案應該是改頁面的請求。因為使用了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=&#39;" + list[i] + "&#39; ";
    if (department && list[i] == department) {
     departmentSelector += "selected=&#39;selected&#39;";
    }
    departmentSelector += ">" + list[i] + "</option>";
   }
   $("#accountDepartmentAdd").html(departmentSelector);
  }
 });

登入後複製

相關免費學習推薦：javascript（影片）

以上是jQuery發請求傳送中文參數亂碼怎麼辦的詳細內容。更多資訊請關注PHP中文網其他相關文章！