jsp 页面代码：table 用div包裹住$("#div_tb table").remove(); 移除div里面的table 然后再加入table
servlet 与struts2一样的道理只是配置文件不一样
========================分割线========================
推荐阅读：
========================分割线========================
点击查看struts2写的级联下拉框
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
列表
<script type="text/java script" src="jquery/jquery-1.9.1.js">
<script type="text/java script" src="jquery/jquery-1.9.1.min.js">
<script type="text/java script">
function getList(){
var sel_val =$("#sel_itemGroup").val();
jQuery.ajax({
url : "getList",
data : {key: sel_val},
type : "post",
cache : false,
dataType : "json",
success:callback
});
}
function callback(json) {
if(json.length==0){
$("#div_tb table").remove();
var new_table=""+
"| 序号 | "+
"检测项描述 | "+
"传感器类型 | "+
"监测项ID | "+
"操作 |
"+
""+
"该站点没有传感器或者加载数据出错..... |
";
$("#div_tb").append(new_table);
}else{
$("#div_tb table").remove();
var new_table=""+
"| 序号 | "+
"检测项描述 | "+
"传感器类型 | "+
"监测项ID | "+
"操作 |
";
$("#div_tb").append(new_table);
var tb = $("#listTable");
var str ;
for(var i=0;i if(i%2==0){
str = "| " + (i + 1) + " | " + json[i].itemName
+ " | " + json[i].model + " | "
+ json[i].itemKey + " | "
+ "删除 | 编辑" + " |
";
}else{
str = "| " + (i + 1) + " | " + json[i].itemName
+ " | " + json[i].model + " | "
+ json[i].itemKey + " | "
+ "删除 | 编辑" + " |
";
}
tb.append(str);
}
}
}
$(function() {
$("#sel_itemGroup").change(getList);
});
servlet代码：
package com.sunwe.ems.servlet;
import java.io.IOException;
import java.io.PrintWriter;
import java.util.ArrayList;
import java.util.List;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import net.sf.json.JSONArray;
public class getList extends HttpServlet {
public getList() {
super();
}
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
this.doPost(request, response);
}
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
response.setHeader("Cache-Control", "no-cache");
response.setContentType("text/json;charset=UTF-8");
response.setCharacterEncoding("utf-8");
String key =request.getParameter("key");
PrintWriter out = response.getWriter();
System.out.println("itemGroupKey "+key);
Item it =new Item();//该对象自己设置
it.setItemKey(8002);
it.setItemGroupKey(1);
it.setItemName("aaa");
it.setModel("dsdsdss");
List- list =new ArrayList
- ();
list.add(it);
list.add(it);
list.add(it);
list.add(it);
list.add(it);
list.add(it);
list.add(it);
JSONArray json = JSONArray.fromObject(list);
System.out.println(json);
out.print(json);
out.flush();
out.close();
}
}
生成的json格式[{"id":0,"itemGroupKey":1,"itemKey":8002,"itemName":"aaaa","model":"dsdsdss"},{"id":0,"itemGroupKey":1,"itemKey":8002,"itemName":"aaaa","model":"dsdsdss"},{"id":0,"itemGroupKey":1,"itemKey":8002,"itemName":"aaaa","model":"dsdsdss"},{"id":0,"itemGroupKey":1,"itemKey":8002,"itemName":"aaaa","m