新聞中心
這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
創(chuàng)新互聯(lián)jSON教程:使用JavaScript構(gòu)建JSON格式字符串實現(xiàn)步驟
如果你現(xiàn)在正在使用Restful API,并且你需要通過web項目來構(gòu)建JSON格式字符串的響應(yīng),那么這篇文章將幫助你使用javascript來創(chuàng)建json格式字符串。這是非常有用的,我們將通過jQuery插件$.toJSON把數(shù)據(jù)對象轉(zhuǎn)換為json格式。

成都創(chuàng)新互聯(lián)于2013年開始,先為蕭山等服務(wù)建站,蕭山等地企業(yè),進行企業(yè)商務(wù)咨詢服務(wù)。為蕭山企業(yè)網(wǎng)站制作PC+手機+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。
使用JavaScript構(gòu)建JSON格式字符串
JavaScript代碼
在這里包含了javascript代碼。$(“#form”).submit(function(){}- delete_button是form標簽的ID,我們通過element.val()調(diào)用表單輸入框的值。 代碼如下:
HTML代碼
代碼如下:
JSON輸出
代碼如下:
{
"userDetails":{
"user":{
"name":"Srinivas Tamada",
"email":"srinivas@9lessons.info",
"password":"Srinivas Tamada",
"gender":"male",
"websites":["www.software8.co","www.heatpress123.net","www.0769zzw.com"]
}
}
}
JSON Encoded
對特殊字符進行編碼,會把以下字符進行編碼
:
代碼如下:
, / ? : @ & = + $ #
jsondata=%7B%22userDetails%22%3A%7B%22user%22%3A%7B%22name%22%3A%22Srinivas%20Tamada%22%2C%22email%22%3A%22srinivas%409lessons.info%22%2C%22password%22%3A%22Srinivas%20Tamada%22%2C%22gender%22%3A%22male%22%2C%22websites%22%3A%5B%22www.9lessons.info%22%2C%22www.egglabs.in%22%2C%22www.fglogin.com%22%5D%7D%7D%7D
GetPostAjax.js
這里定義了jquery的ajax請求方法。
代碼如下:
function post_data(url,encodedata, success){
$.ajax({
type:"POST",
url:url,
data :encodedata,
dataType:"json",
restful:true,
contentType: 'application/json',
cache:false,
timeout:20000,
async:true,
beforeSend :function(data) { },
success:function(data){
success.call(this, data);
},
error:function(data){
alert("Error In Connecting");
}
});
}
java創(chuàng)建json對象
// 聲明兩個json數(shù)組
[java] view plain copy print?
JSONArray gResTable = new JSONArray();
JSONArray gCmtTable = new JSONArray();
// 聲明json對象
ONObject outData = new JSONObject();
//把json數(shù)組加到j(luò)son對象中
[java] view plain copy print?
outData.put("ResTable", gResTable);
outData.put("CmtTable", gCmtTable);
//此時創(chuàng)建出來的如下:jsonData={"ResTable":[],"CmtTable":[]};
把json數(shù)據(jù)加到j(luò)son數(shù)組中
for (int i = 0; i < 2; i ++)
{
JSONObject node = new JSONObject();
node.put("thumb_path", "./Image/" + i +".gif");
node.put("flash_path", "./Image/" + i +".gif");
node.put("desc1", "可疑車輛" + i);
node.put("desc2", "");
node.put("desc3", "");
node.put("desc4", "");
node.put("title", "hello");
node.put("upload_time", (new java.util.Date()).toString());
node.put("uploader", "王二");
gResTable.put(node);
}
for (int i = 0; i < 2; i ++)
{
JSONObject node = new JSONObject();
node.put("logo_path", "./Image/" + i +".gif");
node.put("comment", "hello");
node.put("comment_time", (new java.util.Date()).toString());
node.put("author", "王二");
gCmtTable.put(node);
}
建出來的json格式如下:
[java] view plain copy print?
/*
jsonData={"ResTable":[
{"upload_time":"Sat May 26 20:16:37 CST 2012","title":"hello","flash_path":"./Image/0.gif","uploader":"王二","thumb_path":"./Image/0.gif","desc3":"","desc4":"","desc1":"可疑車輛0","desc2":""},
{"upload_time":"Sat May 26 20:16:37 CST 2012","title":"hello","flash_path":"./Image/1.gif","uploader":"王二","thumb_path":"./Image/1.gif","desc3":"","desc4":"","desc1":"可疑車輛1","desc2":""}],
"CmtTable":
[{"author":"王二","logo_path":"./Image/0.gif","comment":"hello","comment_time":"Sat May 26 20:16:37 CST 2012"},
{"author":"王二","logo_path":"./Image/1.gif","comment":"hello","comment_time":"Sat May 26 20:16:37 CST 2012"}
]};
*/ 當前名稱:創(chuàng)新互聯(lián)jSON教程:使用JavaScript構(gòu)建JSON格式字符串實現(xiàn)步驟
文章網(wǎng)址:http://fisionsoft.com.cn/article/dpjdcis.html


咨詢
建站咨詢
