技術文章 » 如何解決javascript json 亂碼問題

如何解決javascript json 亂碼問題

2022-01-18 16:00:41

javascript json亂碼的解決辦法：1、在json官網拷貝json.js檔案；2、在HTML頁面引入json；3、通過「charset=GB2312」改變編碼方式為GB2312即可。

本文操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。

如何解決javascript json 亂碼問題?

javascript json的使用（以及中文亂碼的解決亂碼）

對於js使用json，首先到官網拷貝json.js檔案，地址http://www.json.org/js.html

然後在頁面引入即可使用：

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

測試一下能不能用，可以寫個jsp頁面，然後給按鈕加個方法，彈出處理後的json字串。

對於中文亂碼，改變編碼方式為：GB2312。

可以在頁面直接改，也可以在response返回時改。

頁面的改法：

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

java程式碼response返回改法：

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+"/";
%>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB2312">
<title>Insert title here</title>
<script type="text/javascript" src="json.js"></script>
<script type="text/javascript" src="jquery-1.6.2.js"></script>
 
<style>
  button { margin:4px; cursor:pointer; }
  input { margin:4px; color:blue; }
  </style>
 
</head>
 
<body>
<div>
    <button id="button3">json</button>
  </div>
  <input type="text" value="click a button" />
<script>
/////////#button3
    
$("#button3").click(function () {
    ///json物件轉化成j字串--toJSONString()
///字串轉化成json物件--eval('(' + str + ')');
///取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('(' + myJSONtext + ')');
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>
 
</body>
</html>

推薦學習：《》

以上就是如何解決javascript json 亂碼問題的詳細內容，更多請關注TW511.COM其它相關文章！