json-lib-1.1-jdk15.jar并不包含其所依赖的类库。现将其依赖库补全。
JSON-LIB依赖库如下
EZMorph 下载地址http://ezmorph.sourceforge.net/
Commons Collections http://jakarta.apache.org/commons/collections/
Commons Lang
http://jakarta.apache.org/commons/lang/
JsonAction
-----------------------------------------------------------------------------------------------------
/*
* Generated by MyEclipse Struts
* Template path: templates/java/JavaClass.vtl
*/
package com.yourcompany.struts.action;
import java.util.HashMap;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import net.sf.json.JSONArray;
import net.sf.json.JSONObject;
import org.apache.commons.logging.Log;
import org.apache.commons.logging.LogFactory;
import org.apache.struts.action.Action;
import org.apache.struts.action.ActionForm;
import org.apache.struts.action.ActionForward;
import org.apache.struts.action.ActionMapping;
public class JsonAction extends Action {
public ActionForward execute(ActionMapping mapping, ActionForm form,
HttpServletRequest request, HttpServletResponse response) {
// TODO Auto-generated method stub
Log log = LogFactory.getLog(JsonAction.class);
try {
JSONArray itemList = new JSONArray();
for (int i = 0; i < 5; i++) {
JSONObject ci = new JSONObject();
ci.put("menuid", "1111");
ci.put("menuName", "wwwwwwwww");
ci.put("url", "http://www.baidu.com/");
itemList.put(ci);
}
JSONObject json = new JSONObject();
json.put("itemList", itemList);
response.setHeader("X-JSON", json.toString());
response.setCharacterEncoding("UTF-8");
response.setHeader("Cache-Control", "no-cache");// 清楚缓存
log.info(json.toString());
response.getWriter().print(json.toString());
} catch (Exception e) {
HashMap hm = new HashMap();
hm.put("executeError",
"Couldn’t find the Full Name because an error occured.");
log.error("Couldn’t find the Full Name because an error occured.");
JSONObject json = JSONObject.fromObject(hm);
response.setHeader("X-JSON", json.toString());
response.setCharacterEncoding("UTF-8");
}
return null;
}
}
test.jsp
-----------------------------------------------------------------------------------------------------
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>My JSP 'test.jsp' starting page</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">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
</head>
<script type="text/javascript" src="prototype.js"></script>
<script language="javascript" type="text/javascript">
var dd={lookup:function ()
{
var url = 'json.do';
var pars = '';
var myAjax = new Ajax.Request(url,{
method:'get',
encoding:'UTF-8',
parameters:pars,
onComplete:function(json){
var JSONobj=eval('('+ json.responseText +')');
var html="" ;
var menuid="";
for (var i=0; i< JSONobj.itemList.length; i++){
var item = JSONobj.itemList[i];
html += "<li>" + item.menuid+ item.menuName +item.url +"</li>";
}
$("item").innerHTML=html;
}
});
}
}
</script>
<body>
<input type="button" name="button" id="button" onclick="dd.lookup();"value="点击测试">
<div id="item"></div>
</body>
</html>
-------------------------------------------------------------------------------------
Ext实现
grid.js
-------------------------------------------------------------------------------------
Ext.onReady(function(){
// create the Data Store
var ds = new Ext.data.Store({
// load using HTTP
proxy: new Ext.data.HttpProxy({url: '../json.do'}),//Url很关键，我就是因为没配好这个，耽误了一大堆时间！
// the return will be XML, so lets set up a reader
reader: new Ext.data.JsonReader({
// records will have an "Item" tag
root:"BOOKARRAY"//这里包括下面的，改为对应的
}, [
// set up the fields mapping into the xml doc
// The first needs mapping, the others are very basic
'KEYWORDS','ISBN','Title', 'Manufacturer', 'ProductGroup'
])
});
var cm = new Ext.grid.ColumnModel([
{header: "KEYWORDS", dataIndex: 'KEYWORDS'},
{header: "ISBN", dataIndex: 'ISBN'},
{header: "Title", dataIndex: 'Title'},
{header: "Manufacturer", dataIndex: 'Manufacturer'},
{header: "Product Group", dataIndex: 'ProductGroup'}
]);
cm.defaultSortable = true;
// create the grid
var grid = new Ext.grid.Grid('example-grid', {
ds: ds,
cm: cm
});
grid.render();
ds.load();
});
I just want to live while i'm alive .