jQuery が文字化けした中国語パラメータを送信するリクエストを送信した場合はどうすればよいですか?-jsチュートリアル-php.cn

jQuery が文字化けした中国語パラメータを送信するリクエストを送信した場合はどうすればよいですか?

coldplay.xixi

リリース： 2023-01-04 09:36:28

オリジナル

1979 人が閲覧しました

文字化けした中国語パラメータを送信するための jQuery リクエストの解決策: まずパラメータを GET モードで直接送信し、次にトランスコードします。コードは [String center = new String(param.getBytes("iso8859-1") です。、「utf-8」)]。

jQuery が文字化けした中国語パラメータを送信するリクエストを送信した場合はどうすればよいですか?

このチュートリアルの動作環境: Windows7 システム、jquery3.2.1 バージョン、Dell G3 コンピューター。

文字化けした中国語パラメータを送信するための jQuery リクエストの解決策:

現在取り組んでいる要件にはカスケードクエリが含まれており、クエリはコンテンツに基づく必要があります。上位レベルのドロップダウンボックスの表示下位レベルのドロップダウンボックスのリストを表示カスケードは 2 レベルしかなく、テーブル内のデータは後でほとんど変更されないため、私が設計したテーブルには中国語が直接格納されます。

メニューは次のとおりです:

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 エンコードでエンコードし、バックグラウンドで取得されるパラメータは次のとおりです。

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

ログイン後にコピー