GB2312サーバーサイドのコード化け_javascriptスキルを取得するためのAJAXを使用したUTF-8クライアントの解決方法について

クライアントは UTF-8 でエンコードされており、これは現在誰もが認識している標準エンコードでもあります
この場合、AJAX を使用して GB2312 でエンコードされたサーバー側情報を非同期的に取得すると、必然的に中国語の文字化けの問題が発生します
なぜなら、対象のデータはGB2312ですが、XMLHttpRequestはデフォルトでデータのカプセル化にUTF-8を使用するため、文字化けが発生します。
軽量JSツールset-prototype.jsとそのAJAX機能を使用している人は多いと思いますこれも非常に優れています
私はそれを使用しているので、prototype.jsに基づいてこの問題を検討してきました
しかし、多くの実験を行った後も、返されるresponseTextを正しいエンコード形式に変換できません
後でXMLHttpRequestオブジェクトのresponseBody属性に元のデータ情報が保存されることを知りました
でもprototype.jsのAJAX関数が返すresponseBody属性は未定義のようです
>ほぼ 1 時間後 ハンマー作業の後、短く簡潔な AJAX フレームワークが誕生しました (笑)、しかし機能はまだ非常に完成度が高いです
一部の記述メソッドは別の軽量 AJAX フレームワーク bingo.js 実装メソッドから借用しました
メソッドの呼び出しと注:

コードをコピー コードは次のとおりです。

myAjaxCall({
url : 'xxxxx .jsp' //対象ページアドレス
, params: URLEncoding('prm1=parameter 1&prm2=parameter 2') //パラメータ文字列情報
, method: 'POST' //送信メソッドPOST または GET
,callBack: retValue //コールバック関数名
,isBody: true //responseBody を返すかどうか、デフォルトでは responseText が返されます
//,isXml: false //データを返すかどうかXML 形式
//,errorReport: false //エラー送信時にプロンプ​​トをポップアップ表示するかどうか
//,attachs: {} //追加のパラメータをコールバック関数に渡すことができます
}) ;
function retValue(res,att){
var strRet = bytes2BSTR(res);
alert(strRet);

2 つの関数に注意してください:

、URLEncoding: パラメータ用 Encoding
、bytes2BSTR: 返されたデータのデコード

これら 2 つの関数は、インターネット上で一般的な 2 つのエンコード関数を直接利用していますが、どちらも vbs で書かれています。
上記のページには 2 つの関数も追加されています:

コードをコピーします コードは次のとおりです:

関数 URLEncoding(vstrIn)
strReturn = ""
For i = 1 To Len(vstrIn)
ThisChr = Mid(vStrIn,i,1)
If Abs (Asc(ThisChr)) < &HFF then
strReturn = strReturn & ThisChr
Else
innerCode = Asc(ThisChr)
If innerCode
innerCode = innerCode &H10000
End If
Hight8 = (innerCode And &HFF00) &HFF
Low8 = innerCode And &HFF
strReturn = strReturn & "%" & Hex(Hight8) & "%" & Hex(Low8)
End If
次へ
URLEncoding = strReturn
関数終了
Function bytes2BSTR(vIn)
strReturn = ""
For i = 1 To LenB(vIn)
ThisCharCode = AscB(MidB (vIn,i,1))
If ThisCharCode < &H80 then
strReturn = strReturn & Chr(ThisCharCode)
Else
NextCharCode = AscB(MidB(vIn,i 1,1))
strReturn = strReturn & Chr(CLng (ThisCharCode) * &H100 CInt(NextCharCode))
i = i 1
End If
Next
bytes2BSTR = strReturn
End Function

以下に添付してください 書かれた軽量 Ajax フレームワーク - myAjax.js ソースコード:

コードをコピー コードは次のとおりです:

/**
2 * myAjax
3 * netwild 作成
4 * netwild@163.com
5*/
6 var myAjaxConfig = {
7 "url":""
8 ,"params":""
9 ,"method ":"GET"
,"callBack":function(){}
,"isXml":false
,"isBody":false
,"isCache":false
," errorReport":true
,"statePoll":null
,"postData":null
,"attachs":{}
};
function myAjaxCall(requestJson){
varattach;
if(requestJson && typeof requestJson == "object"){
if(requestJson.url){myAjaxConfig.url = requestJson.url;}
if(requestJson.params){myAjaxConfig.params = requestJson .params;}
if(requestJson.method){myAjaxConfig.method = requestJson.method;}
if(requestJson.callBack){myAjaxConfig.callBack = requestJson.callBack;}
if(requestJson.isXml ){myAjaxConfig.isXml = requestJson.isXml;}
if(requestJson.isBody){myAjaxConfig.isBody = requestJson.isBody;}
if(requestJson.isCache){myAjaxConfig.isCache = requestJson.isCache;}
if(requestJson.statePoll){myAjaxConfig.statePoll = requestJson.statePoll;}
if(requestJson.attachs){myAjaxConfig.attachs = requestJson.attachs;}
}
if(!myAjaxConfig.isCache ){
var nocache = new Date().getTime();
if(myAjaxConfig.url.indexOf("?")>0){myAjaxConfig.url = "&nocache=" nocache;}
else{myAjaxConfig.url = "?nocache=" nocache;}
}
var newCall = new myAjaxCore();
newCall.init();
}
function myAjaxCore(){
var _self = this;
var _state,_status;
var _httpRequest,_attach;
///////////////////////////////////////////// /////
this.init = function(){
if (window.XMLHttpRequest){
_httpRequest = new XMLHttpRequest();
if (_httpRequest.overrideMimeType) {
_httpRequest.overrideMimeType('text/xml');
}
}else if (window.ActiveXObject) {
var MSXML = ['MSXML2.XMLHTTP.6.0','MSXML2.XMLHTTP.3.0','MSXML2.XMLHTTP.5.0','MSXML2. XMLHTTP.4.0'、'MSXML2.XMLHTTP'、'Microsoft.XMLHTTP'];
for(var n=0;ntry {
_httpRequest = new ActiveXObject(MSXML[n]);
休憩;
}catch(e){}
}
}
with(_httpRequest) {
onreadystatechange = _self.getResponse;
open(myAjaxConfig.method,myAjaxConfig.url,true);
if(myAjaxConfig.method == "POST" && (myAjaxConfig.params != "")){
setRequestHeader("Content-Length",myAjaxConfig.params.length);
setRequestHeader("Content-Type","application/x-www-form-urlencoded");
send(myAjaxConfig.params);
}else{
var textType = myAjaxConfig.isXml?"text/xml":"text/plain";
_httpRequest.setRequestHeader('Content-Type',textType);
if(browser.IE){
setRequestHeader("Accept-Encoding", "gzip, deflate");
}else if(browser.FF){
setRequestHeader("接続","閉じる");
}
send(null);
}
}
};
///////////////////////////////////////////// /////
this.getResponse = function(){
_state = _httpRequest.readyState;
if(_httpRequest.readyState == 4 && _httpRequest.status){_status = _httpRequest.status;}
if(myAjaxConfig.statePoll){myAjaxConfig.statePoll(_httpRequest.readyState);}
if(_httpRequest .readyState==4 && _httpRequest.status>=400){
_self.abort();
_self.alertf("エラー:HTTP 応答コード " _httpRequest.status);
}
if(_httpRequest.readyState==4 && _httpRequest.status==200){
var response_content;
if(myAjaxConfig.isXML){
response_content = _httpRequest.responseXML;
}else if(myAjaxConfig.isBody){
response_content = _httpRequest.responseBody;
}else{
response_content = _httpRequest.responseText;
}
if(typeof myAjaxConfig.callBack == "関数"){
myAjaxConfig.callBack(response_content,myAjaxConfig.attachs);
}else{
eval(myAjaxConfig.callBack "(response_content,myAjaxConfig.attachs)");
}
}
};
///////////////////////////////////////////// /////
this.abort=function(){_httpRequest.abort();};
this.state=function(){return _state;};
this.status=function(){return _status;};
this.destory=function(){_self.abort();delete(_httpRequest);};
this.alertf=function(error){if(myAjaxConfig.errorReport){alert(error);}};
}
if(!browser){
var browser={};
browser.IE = browser.ie = window.navigator.userAgent.indexOf("MSIE")>0;
browser.Firefox = ブラウザ.firefox = ブラウザ.FF = ブラウザ.MF = navigator.userAgent.indexOf("Firefox")>0;
browser.Gecko = browser.gecko = navigator.userAgent.indexOf("Gecko")>0;
browser.Safari = browser.safari=navigator.userAgent.indexOf("Safari")>0;
browser.Camino = browser.camino=navigator.userAgent.indexOf("Camino")>0;
browser.Opera = browser.opera=navigator.userAgent.indexOf("Opera")>0;
browser.other = browser.OT=!(browser.IE || ブラウザ.FF || ブラウザ.Safari || ブラウザ.Camino || ブラウザ.Opera);
}

関連ラベル：

ajax 文字化け クライアント

ソース：php.cn

前の記事：jquery ベースの FinkyUI プラグインと Ajax でページ データの読み込みを実装する function_jquery 次の記事：シンプルなメニューを柔軟な size_navigation メニューで書き換える

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

著者別の最新記事

• NullPointerException とは何ですか?どのように修正すればよいですか?
  2024-10-22 09:46:29
• 初心者からプログラマーへ: 旅は C の基礎から始まります
  2024-10-13 13:53:41
• PHP による Web 開発のロックを解除する: 初心者ガイド
  2024-10-12 12:15:51
• C の謎を解く: 新人プログラマーのための明確でシンプルな道
  2024-10-11 22:47:31
• コーディングの可能性を解き放つ: まったくの初心者のための C プログラミング
  2024-10-11 19:36:51
• 内なるプログラマーを解き放つ: まったくの初心者のための C
  2024-10-11 15:50:41
• C で生活を自動化する: 初心者向けのスクリプトとツール
  2024-10-11 15:07:41
• PHP を簡単に: Web 開発の最初のステップ
  2024-10-11 14:21:21
• Python で何でも構築: 創造性を解き放つための初心者ガイド
  2024-10-11 12:59:11
• コーディングの鍵: 初心者のための Python の力を解き放つ
  2024-10-11 12:17:31

最新の問題

Eloquent クエリを使用したグループ ユーザー (合計ユーザー、管理ユーザー、コントロール オペレーター、ガード) すべてのユーザー、ロール「admin」を持つユーザーの合計数、ロール「control_operator」を持つユーザーの合計数、ロール「guard」を持つユーザーの合計数をカウント...

から 2024-04-05 12:11:26

0

1

332

React/Node: Trial_period_days を使用してサブスクライブするときに統合エラーが発生しました Stripe で定義された製品を 7 日間の無料トライアルとして設定し、Firebase 経由でカスタム Nodejs 関数を使用して顧客に請求したいと考えています (事前にキャン...

から 2024-04-04 20:30:57

0

1

320

LAN インストール IP を変更した後、認証サーバー「接続できません」「ホスト xxxxx は認証されていません」 ベアメタル Windows 10 インストールでは、デフォルトの Windows インストール手順を使用します。サーバーを稼働させました。繰り返しますが、これまでのところデフォルト...

から 2024-04-04 15:06:41

0

1

374

WooCommerce 顧客の支払い方法履歴を取得する 必要な情報、つまり顧客が注文時にこれまでに使用した支払い方法を取得するのに役立つスクリプトを見つけました。 $order=newWC_Order($order_id);$payme...

から 2024-04-04 14:57:11

0

1

428

同じ名前で異なる ID を持つ 2 つのフィールドを MySQL の同じ行にマージするにはどうすればよいですか? 顧客がチェックボックスに基づいて価格を選択できるプロジェクトがあり、入力ボックスは同じ名前です。チェックボックスを選択しても入力がない場合、選択した場合にチェックボックスの値をデー...

から 2024-04-04 12:13:47

0

1

283

関連トピック

詳細>

• ^quxjg$c とは
• ajax チュートリアル
• Ajax 中国語文字化けコードの解決策
• HTMLページの文字化けを解決する方法
• ajaxで中国語の文字化けが送信された場合の対処方法
• ログインが多すぎる場合の解決方法
• sprintf関数の使い方を詳しく解説
• orientdb