JavaScriptのJSON文字化け問題の解決方法-フロントエンドQ&A-php.cn

JavaScriptのJSON文字化け問題の解決方法

藏色散人

リリース： 2022-01-18 14:44:46

オリジナル

5637 人が閲覧しました

JavaScript json 文字化けコードの解決策: 1. json 公式 Web サイトの json.js ファイルをコピーする; 2. HTML ページに json を導入する; 3. 「charset=GB2312」を通じてエンコード方式を GB2312 に変更する。

JavaScriptのJSON文字化け問題の解決方法

この記事の動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

#JavaScript json の文字化けを解決するには?

#JavaScript json の使い方 (および中国語の文字化けを解決する方法)

js で json を使用する場合は、まず公式 Web サイトにアクセスして json.js ファイルをコピーします。アドレスは http://www.json.org/js.html

で、それをインポートします。使用するページで:

<script type="text/javascript" src="json.js"></script>

ログイン後にコピー

テストして使用できますか? JSP ページを作成し、処理された JSON 文字列をポップアップするメソッドをボタンに追加できます。

中国語の文字化けの場合は、エンコード方式を GB2312 に変更してください。

ページ上で直接変更することも、応答が返されたときに変更することもできます。

ページを変更する方法:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB2312">
</head>

ログイン後にコピー

Java コードレスポンスの戻り値を変更する方法:

response.setHeader("Cache-Control", "no-cache");
response.setContentType("text/json;charset=gb2312");

ログイン後にコピー

相互変換を導入する以下のコードを見てみましょう。文字列と json オブジェクト: (この例では jquery を使用していますが、ボタンクリックイベントを呼び出します。onclick に変更できます)

<%@ page language="java"  pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
 

 



Insert title here
<script type="text/javascript" src="json.js"></script>

 

 


 


    
  
  
<script>
/////////#button3
    
$("#button3").click(function () {
    ///json对象转化成j字符串--toJSONString()
///字符串转化成json对象--eval(&#39;(&#39; + str + &#39;)&#39;);
///取json对象里面某个属性的值用点（例如myObject.bindings[0].time）
var myJSONObject = {"bindings": [
        {"nnn": "春天", "time": "标示", "add": "北京"},
        {"ircEvent": "好", "method": "方法", "regex": "上海"}
    ] };
 
    alert("json对象取属性值\n"+myJSONObject.bindings[0].nnn );
 
    ///json对象转化成json字符串方法：
var myJSONtext=myJSONObject.toJSONString();
alert("json对象转化成字符串,toJSONString\n"+myJSONtext);
var myJSONtext2=JSON.stringify(myJSONObject);
alert("json对象转化成字符串,用全局的内置对象JSON.stringify\n"+myJSONtext2);
 
    ///json字符串转化成json对象方法：
var myJSONObject2 = eval(&#39;(&#39; + myJSONtext + &#39;)&#39;);
var myJSONObject3=myJSONtext.parseJSON();
var myJSONObject4=JSON.parse(myJSONtext);
 
alert("字符串转化成json对象,用eval\n"+myJSONObject2.bindings[0].time );
alert("字符串转化成json对象,用parseJSON\n"+myJSONObject3.bindings[0].add );
alert("字符串转化成json对象,用全局的内置对象JSON.parse\n"+myJSONObject4.bindings[0].nnn );
    /////////////////
    });
 
</script>

ログイン後にコピー

推奨学習: 「

js 基本チュートリアル」

以上がJavaScriptのJSON文字化け問題の解決方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。