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

來源:互聯網
上載者:User
這次給大家帶來怎樣快速解決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='" + list[i] + "' ";   if (department && list[i] == department) {    departmentSelector += "selected='selected'";   }   departmentSelector += ">" + list[i] + "</option>"; } $("#accountDepartmentAdd").html(departmentSelector);});

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

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

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

推薦閱讀:

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

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

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.