javascript json的使用

時間 2019-12-13

標籤 javascript json 使用欄目 JavaScript 简体版

原文原文鏈接

轉自：http://blog.csdn.net/lushuaiyin/article/details/7061483javascript

對於js使用json，首先到官網拷貝json.js文件，地址http://www.json.org/js.htmlhtml

而後在頁面引入便可使用：java

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

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

能夠在頁面直接改，也能夠在response返回時改。app

頁面的改法：jsp

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

java代碼response返回改法：
oop

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

下面看看代碼吧，介紹了字符串與json對象相互轉化：（本例用到了jquery,只不過調用了一個按鈕單擊事件，你能夠改爲onclick）

[html] view plain copy

<pre name="code" class="java"><%@ 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>
</pre><br>
<br>
<pre></pre>
<br>
<br>
<p></p>
<br>

相關標籤/搜索

html+css+javascript+json

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。