ajax2.jsp:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="js/prototype1.6.js"></script>
<script type="text/javascript">
function showEmps(){
new Ajax.Request(
"empserv?t="+new Date().getTime(),
{
method:"post",
parameters:{"name":$F("name")},
onSuccess:function(req){
var emps = req.responseText.evalJSON();
//清空table表格
clearTable();
//循环生成table列表
for(i=0;i<emps.length;i++){
var emp = emps[i];
//在table最后位置添加一行tr
var tr = $("tb").insertRow($("tb").rows.length);
tr.onmouseover = function(){
this.style.backgroundColor = "#00FFFF";
}
tr.onmouseout = function(){
this.style.backgroundColor = "#FFFFFF";
}
//添加td,显示name
var name_td = tr.insertCell(tr.cells.length);
name_td.innerHTML = emp.name;
name_td.onclick = function(){
$("name").value = this.innerHTML;
//清空table表格
clearTable();
}
//添加td,显示salary
var sal_td = tr.insertCell(tr.cells.length);
sal_td.innerHTML = emp.salary;
}
}
}
);
}
function clearTable(){
var len = $("tb").rows.length;
for(i=len-1;i>=0;i--){
$("tb").deleteRow(i);
}
}
</script>
</head>
<body>
<input type="text" name="name" id="name" oninput="showEmps()" onkeyup="showEmps()"/>
<input type="button" value="清空" onclick="clearTable()"/>
<input type="button" value="查询" onclick="showEmps()"/>
<hr>
<table id="tb"></table>
</body>
</html>
EmpServlet :
package serv;
import java.io.IOException;
import java.io.PrintWriter;
import java.io.UnsupportedEncodingException;
import java.sql.SQLException;
import java.util.List;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import net.sf.json.JSONArray;
import dao.EmployeeDAO;
public class EmpServlet extends HttpServlet{
public void doPost(HttpServletRequest request,HttpServletResponse response) throws IOException{
doGet(request,response);
}
public void doGet(HttpServletRequest request,HttpServletResponse response) throws IOException{
request.setCharacterEncoding("utf-8");
String name = request.getParameter("name");
System.out.println(name);
response.setContentType("text/json;charset=utf-8");
EmployeeDAO empDAO = new EmployeeDAO();
try {
List list = empDAO.findLikeName(name);
JSONArray json = JSONArray.fromObject(list);
String emps = json.toString();
System.out.println(emps);
PrintWriter out = response.getWriter();
out.print(emps);
out.close();
} catch (Exception e) {
e.printStackTrace();
}
}
}
分享到:
相关推荐
【Ajax示例】中国省份、城市、城镇联动选择列表框
比实例1多了传参数的函数
.net下最简单的ajax示例,很实用的功能
ajax 纯JavaScript demo ajax示例
ajax示例 原代码ajax示例 原代码
18个Ajax 示例 轻松学会ajax
这是一个比较简单的Ajax示例。一看就会懂
WebTest.ajax示例java版本
2. 将database目录中ajax.sql文件复制到C:\ 3. 进入MySQL安装目录中的bin目录 4. 输入 mysql -u root -p ,然后输入密码登录本地MySQL服务器 5. 输入 CREATE DATABASE ajax DEFAULT CHARACTER SET utf8; 创建名为...
ajax 示例源码 最容易理解,清晰的解析了AJAX的原理
功能基础,增,显,分页。适合初学者。 ajax+.net小例子 ajax+C#示例 ajax+.net 示例ajax+.net小例子 ajax+C#示例 ajax+.net 示例ajax+.net小例子 ajax+C#示例 ajax+.net 示例
ajax示例说明
手写ajax代码,很简单的示例,只需要导入就可以运行。如果使用框架,只需要在Action类里面定义一个空返回的方法,在ajax传递URL时指定使用这个方法即可。不用在Struts.xml中配置。
Ajax示例,js实例 等等等等吧。。 就这样了
struts2 + jsonplugin google自动提示 ajax示例
JQuery ajax的各种使用方法示例和说明 本示例程序由VS2010建立 c# asp.net ajax demo
Ajax 示例,调用后台代码 静态非刷新获得系统当前时间
* 使用Ajax 验证商务卡的密码是否正确 * add by zhaoyue * 2009-04-14 */ var xmlHttp ; var isTrue=false ; function createXMLHttpRequest(){ if(window.ActiveXObject){ xmlHttp=new ActiveXObject(...
c# asp.net下的简单ajax示例源码和配置说明(AjaxPro控件方式) 本示例由VS2010建立