怎樣快速解決jQuery發請求傳輸中文參數亂碼

php中世界最好的语言
發布: 2023-03-28 09:36:02
原創
1713 人瀏覽過

這次帶給大家怎樣快速解決jQuery發請求傳輸中文參數亂碼,快速解決jQuery發請求傳輸中文參數亂碼的注意事項有哪些,下面就是實戰案例,一起來看一下。

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

選單如下:

怎樣快速解決jQuery發請求傳輸中文參數亂碼

程式碼如下:

var url = "${basePath}/institutionConfig/getDepartmentByCenter.do?param=" + center;
$.get(url, function (data) {
 var list = data.data;
 for (var i = 0; i " + list[i] + "";
 }
 $("#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[i] + "";
   }
   $("#accountDepartmentAdd").html(departmentSelector);
  }
 });
登入後複製

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

推薦閱讀:

如何利用PHP實作防止表單重複提交

CodeIgniter框架資料庫使用案例解析

#

以上是怎樣快速解決jQuery發請求傳輸中文參數亂碼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板