文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

怎么解决javascript json乱码问题

2024-04-02 19:55

关注

这篇文章主要讲解了“怎么解决javascript json乱码问题”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“怎么解决javascript json乱码问题”吧!

javascript json乱码的解决办法:1、在json官网拷贝json.js文件;2、在HTML页面引入json;3、通过“charset=GB2312”改变编码方式为GB2312即可。

怎么解决javascript json乱码问题

本文操作环境: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乱码问题这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是编程网,小编将为大家推送更多相关知识点的文章,欢迎关注!

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-前端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯