您好,登錄后才能下訂單哦!
這篇文章主要講解了“怎么解決javascript json亂碼問題”,文中的講解內容簡單清晰,易于學習與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學習“怎么解決javascript json亂碼問題”吧!
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亂碼問題”的內容了,經過本文的學習后,相信大家對怎么解決javascript json亂碼問題這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是億速云,小編將為大家推送更多相關知識點的文章,歡迎關注!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。