简单JSON实例
首先我们创建一个叫做User的简单对象。代码如下：
User.java
public class User{
private Integer userId;
private String userName;
private String password;
public Integer getUserId() {
return userId;
}
public void setUserId(Integer userId) {
this.userId = userId;
}
public String getUserName() {
return userName;
}
public void setUserName(String userName) {
this.userName = userName;
}
public String getPassword() {
return password;
}
public void setPassword(String password) {
this.password = password;
}
}
（转载请注明出处：[url=http://www.live588.org]淘金盈[/url] [url=http://www.tswa.org]博彩通[/url] [url=http://www.nsdm.org]澳门博彩[/url] [url=http://www.lixx.org]博彩网[/url][url=http://www.uvip.org]e世博[/url][url=http://www.10086money.com]时尚资讯[/url][url=http://262002954-qq-com.iteye.com]flex[/url][url=http://flexflex.iteye.com]flex[/url]）
然后我们要位User这个简单对象构建JSON，我们构建的JSON还能统计JSON中User对象个个数，这里我们新建一个TotalJson对象
TotalJson.java
import java.util.List;
public class TotalJson {
private long results;//数据长度
private List items;//数据条目
public long getResults() {
return results;
}
public void setResults(long results) {
this.results = results;
}
public List getItems() {
return items;
}
public void setItems(List items) {
this.items = items;
}
}
最后我们写一个客户端来测试JSON的使用，代码如下
Test2.java
import java.util.ArrayList;
import java.util.List;
import net.sf.json.JSONObject;
public class Test2 {
public static void main(String[] args) {
// TODO Auto-generated method stub
List<User> list = new ArrayList<User>();
//创建用户1
User user1 = new User();
user1.setUserId(1);
user1.setUserName("zhangsan");
list.add(user1);
//创建用户2
User user2 = new User();
user2.setUserId(2);
user2.setUserName("lisi");
list.add(user2);
//创建JSON对象
JSONObject JsonOb=getJsonFromList2(list);
System.out.println("JsonOb:"+JsonOb);
/**
* 输出结果：
* JsonOb:{
* "items":[
* {"password":"","userId":1,"userName":"zhangsan"},
* {"password":"","userId":2,"userName":"lisi"}],
* "results":2}
*/
}
/**
* 将List数组转化为JSON数据格式
* @param beanList 要转化的List数组
*/
public static JSONObject getJsonFromList2(List beanList) {
return getJsonFromList2(beanList.size(), beanList);
}
/**
* 将List数组转化为Json数据格式
* @param recordTotal List数组长度
* @param beanList 要转化的List数组
*/
public static JSONObject getJsonFromList2(long recordTotal, List beanList) {
TotalJson total = new TotalJson();
total.setResults(recordTotal);
total.setItems(beanList);
JSONObject JsonObject = JSONObject.fromObject(total);
return JsonObject;
//return JsonObject.toString();
}
}
输出结果：
JsonOb:{"items":[{"password":"","userId":1,"userName":"zhangsan"},{"password":"","userId":2,"userName":"lisi"}],"results":2}
从输出结果我们可以看出，这个JSON中有两条记录，两条记录如下表格所示。
userId userName password
1 zhangsan
2 lisi 值得注意的是我们会发现，JsonOb中，items和results字段是在TotalJson对象中定义的，而Items中的password，userId，userName则是在User这个简单对象中定义的。这个就是通过JSONObject.fromObject(total)这个方法来实现的。其中total是TotalJson对象。
4.Extjs+JSON实例
4.1.Extjs前台代码：
var userStore = new Ext.data.Store( {// 定义数据集对象
proxy : new Ext.data.HttpProxy( {
url : 'user.do?method=getUserList×tamp=' + new Date()// 设置代理请求的url
}),
// reader : new Ext.data.XmlReader( {// 创建xml数据解析器
// totalRecords : "results",
// record : "UserForm",// 对应的Form,下面的字段名与此Form中的相同,数量可以不同
// id : "userId"
// }, Ext.data.Record.create( [ {
// name : 'userId'
// }, {
// name : 'userName'
// }, {
// name : 'realName'
// }, {
// name : 'roleId'
// }, {
// name : 'telephone'
// }, {
// name : 'email'
// }, {
// name : 'address'
// }, {
// name : 'remark'
// } ]))
reader: new Ext.data.JsonReader({
totalProperty : 'results',
root : 'items',
id: 'userId'
},
['userId','userName','realName','roleId','telephone','email','address','remark'])
});
var toolbar = new Ext.Toolbar( [ {// 创建GridPanel的工具栏组件
text : '新增员工信息',
iconCls : 'add',
handler : addUser
}, {
text : '删除员工信息',
iconCls : 'remove',
handler : deleteUser
}, {
text : '修改员工信息',
iconCls : 'plugin',
handler : updateUser
}
, '-','查询：',' ', new Ext.ux.form.SearchField( {
store : userStore,
width : 110
})
]);
var sm = new Ext.grid.CheckboxSelectionModel();// 创建复选择模式对象
var cm = new Ext.grid.ColumnModel( [// 创建表格列模型
new Ext.grid.RowNumberer(), sm, {
header : "编号",
width : 30,
dataIndex : 'userId',
hidden : true,
sortable : true
}, {
header : "用户名",
width : 60,
dataIndex : 'userName',
sortable : true
}, {
header : "真实姓名",
width : 60,
dataIndex : 'realName',
sortable : true
}, {
header : "用户角色",
width : 60,
dataIndex : 'roleId',
sortable : true
}, {
header : "联系电话",
width : 60,
dataIndex : 'telephone',
sortable : true
}, {
header : "电子邮箱",
width : 80,
dataIndex : 'email',
sortable : true
}, {
header : "住址",
width : 80,
dataIndex : 'address',
sortable : true
}, {
header : "备注",
width : 60,
dataIndex : 'remark'
} ]);
var userGrid = new Ext.grid.GridPanel( {// 创建Grid表格组件
applyTo : 'user-grid-div',// 设置表格现实位置
frame : true,// 渲染表格面板
tbar : toolbar,// 设置顶端工具栏
stripeRows : true,// 显示斑马线
autoScroll : true,// 当数据查过表格宽度时，显示滚动条
store : userStore,// 设置表格对应的数据集
viewConfig : {// 自动充满表格
autoFill : true
},
sm : sm,// 设置表格复选框
cm : cm,// 设置表格的列
bbar : new Ext.PagingToolbar( {
pageSize : 25,
store : userStore,
displayInfo : true,
displayMsg : '显示第{0}条到{1}条记录,一共{2}条记录',
emptyMsg : '没有记录'
// ,items:['-',new Ext.app.SearchField({store:userStore})]
})
});
userStore.load( {// 加载数据集
params : {
start : 0,
limit : 25
}
});
4.2.Java后台代码（解决json 中文乱码）：
JSONObject JsonOb=ExtHelper.getJsonFromList2(list);//将list装换成JSONObject
System.out.println("JsonOb:"+JsonOb);//后台输出
// response.setContentType("text/xml;charset=UTF-8");
response.setContentType("text/json;charset=UTF-8");//解决前台显示中文乱码问题
response.getWriter().write(JsonOb.toString());
JSON实例应用
文章分类:Web前端
JSON实际就是一种数据格式，传递数据，特别的地方在于：JSON的数据格式可以直接构成JavaScript中的一个对象，因些可以在JavaScript很易容访问到它的数据。（个人的见解，关于JSON的其它资料可以去google一下）
下面就应用一下JSON：
使用JSON需要一些文件：将js对象转化成JSON的数据格式的JS如：json.js
将Java对象转化成JSON的数据格式的jar包：json-lib-2.3-jdk15.jar等可以在下面的附件中获得
我在我的工程中引入了这个文件（也可以不用这个文件，那么你需要自己在js或class中拼成JSON格式的数据）
Html代码
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>JSON学习</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<script type="text/javascript" src="js/json.js"></script>
</head>
<script language="javascript">
var xmlHttp;
function createXMLHttpRequest() {
if (window.ActiveXObject) {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else if (window.XMLHttpRequest) {
xmlHttp = new XMLHttpRequest();
}
}
function doJSON(){
var car = getCarObject();
//将JS对象转化成JSON格式的Text
var carAsJSON = JSON.stringify(car);
alert(carAsJSON);
var url = "JsonTest1?timeStamp="+new Date().getTime();
createXMLHttpRequest();
xmlHttp.open("POST", url, true);
xmlHttp.onreadystatechange = handleStateChange;
xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xmlHttp.send(carAsJSON);
}
//Ajax的回调方法
function handleStateChange(){
if(xmlHttp.readyState == 4){
if(xmlHttp.status == 200){
parseResults();
}
}
}
//具体的回调作动
function parseResults(){
var responseDiv = document.getElementById("serverResponse");
if(responseDiv.hasChildNodes()){
responseDiv.removeChild(responseDiv.childNodes[0]);
}
//xmlHttp.responseText是servlet中返回回来的JSON格式的数据，将它创建成一个js的node对象放到DIV中
var responseText = document.createTextNode(xmlHttp.responseText);
responseDiv.appendChild(responseText);
//将json格式的Text转化成JSON对象：用eval('('+response+')')
var resultJson = eval('('+xmlHttp.responseText+')');
alert(resultJson);
alert(resultJson.make);
alert(resultJson.model);
alert(resultJson.year);
alert(resultJson.color);
}
//JS中的一个对象
function Car(make,model,year,color){
this.make = make;
this.model = model;
this.year = year;
this.color = color;
}
//构成对象并返回
function getCarObject(){
return new Car("Dodge", "Coronet R/T", 1968, "yellow");
}
</script>
<body>
<form action="#">
<input type="button" value="Click here to send JSON data to the server" onclick="doJSON();"/>
</form>
<h2>Server Response:</h2>
<div id="serverResponse">
</div>
</body>
</html>
在我的servlet中实现如下：
Java代码
public class JsonTest1 extends HttpServlet {
/**
*
*/
private static final long serialVersionUID = 306348969081510518L;
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
this.doPost(request, response);
}
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
String json = readJSONStringFromRequestBody(request);
System.out.println("json = " + json);
//将request中接收的字符串转化成json对java对象
JSONObject jsonObject = JSONObject.fromObject(json);
System.out.println("jsonObject = " + jsonObject.toString());
System.out.println(jsonObject.getInt("year"));
System.out.println(jsonObject.getString("make"));
System.out.println(jsonObject.getString("model"));
System.out.println(jsonObject.getString("color"));
//设置返回的格式是text
response.setContentType("text/plain");
response.getWriter().print(jsonObject);
}
private String readJSONStringFromRequestBody(HttpServletRequest request) {
StringBuffer json = new StringBuffer();
String line = null;
try {
BufferedReader bufferRead = request.getReader();
while ((line = bufferRead.readLine()) != null) {
System.out.println("line = " + line);
json.append(line);
}
} catch (Exception e) {
e.printStackTrace();
}
return json.toString();
}
}