EXTJS
application.js
Ext.onReady(function() {//var data = [{//name : '唐伯虎',//age : 25,//sex : '男'//}, {//name : '楚留香',//age : 24,//sex : '女'//}];var ds = new Ext.data.JsonStore({proxy : new Ext.data.HttpProxy({url : 'dataList'// 相對路徑}),root : ' ',fields : [{name : 'name'}, {name : 'age'}, {name : 'sex'}]});// ds.loadData(data);var grid = new Ext.grid.GridPanel({viewConfig : {forceFit : true},store :ds,columns : [{header : '姓名',dataIndex : 'name'}, {header : '年齡',dataIndex : 'age'}, {header : '出生日期',dataIndex : 'sex'}]});var win = new Ext.Window({title : 'HttpProxy',width : 400,height : 300,layout : 'fit',items :grid});ds.load();win.show();});
servlet
dataList.java
package com.ext.servlet;import java.io.IOException;import java.io.OutputStream;import java.io.PrintStream;import java.io.PrintWriter;import javax.servlet.ServletException;import javax.servlet.http.HttpServlet;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.HttpServletResponse;import net.sf.json.JSONArray;import net.sf.json.JSONObject;import org.apache.jasper.tagplugins.jstl.core.Out;/** * Servlet implementation class dataList */public class dataList extends HttpServlet {private static final long serialVersionUID = 1L; /** * @see HttpServlet#HttpServlet() */ public dataList() { super(); // TODO Auto-generated constructor stub }/** * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response) */protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {// TODO Auto-generated method stub // response.setContentType("text/html"); response.setCharacterEncoding("UTF-8"); String _str = "[{name:'唐伯虎',age:25,sex:'男'},{name:'楚留香',age:24,sex:'女'}]"; //_str ="[{name:'唐伯虎',age:25,sex:'男'},{name:'楚留香',age:24,sex:'女'}];"; response.getWriter().write(_str); //request.setAttribute("ooo", _str); //request.getRequestDispatcher("datawrite.jsp").forward(request, response);}/** * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response) */protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {}}web.xml
dataList dataList com.ext.servlet.dataList dataList /dataList
前台測試路徑
http://localhost:8080/ExtJsApplication/index.html