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();
}
}
}
分享到：
相关推荐
在"ASP.NET中使用Ajax示例2"中，我们将会探讨如何在ASP.NET应用中集成Ajax技术，并且如何通过Ajax调用传递参数。这个示例相比于"示例1"，主要增加了参数传递的功能，这在实际开发中是非常实用的。 首先，要使用...
【Ajax示例】中的知识点主要涉及使用Ajax技术实现动态数据加载和页面局部更新，特别是针对中国省份、城市、城镇联动选择列表框的应用。Ajax（Asynchronous JavaScript and XML）是一种在无需重新加载整个网页的情况...
以下是一个关于如何在.NET环境下创建最简单AJAX示例的详细讲解。 首先，我们需要了解AJAX的基本工作原理。它允许浏览器在不重新加载整个页面的情况下，通过JavaScript向服务器发送异步请求并接收响应数据。这提高了...
总的来说，这个简单的Ajax示例展示了如何在不刷新整个页面的情况下与服务器进行通信，以及如何在Struts框架中配合使用Ajax。在实际开发中，我们还可以进一步优化，比如添加错误处理、使用Promise等现代JavaScript...
在压缩包文件"ajaxBasicJavaScript"中，可能包含了一些基础的Ajax示例代码，这些代码可能涵盖了上述步骤的实现，用于展示如何使用JavaScript进行Ajax请求。通过学习和分析这些示例，你可以更好地理解Ajax的工作原理...
### Ajax技术解析与示例代码详解 在现代Web开发中，Ajax（Asynchronous JavaScript and XML）是一种用于创建异步Web应用程序的技术。它允许网页在不重新加载整个页面的情况下，通过后台加载数据并更新部分页面内容...
在这个"html静态页JQuery ajax示例demo 源码"中，我们可以深入学习和理解AJAX在C# ASP.NET环境下的应用。 首先，AJAX（Asynchronous JavaScript and XML）是一种在不重新加载整个网页的情况下，能够更新部分网页的...
2. 将database目录中ajax.sql文件复制到C:\ 3. 进入MySQL安装目录中的bin目录 4. 输入 mysql -u root -p ，然后输入密码登录本地MySQL服务器 5. 输入 CREATE DATABASE ajax DEFAULT CHARACTER SET utf8; 创建名为...
这个“ajax示例java版本”应该是一个Java实现的Ajax应用，用于演示如何在后台处理和前端交互。 在Java中实现Ajax通常涉及到以下关键知识点： 1. **JavaScript库**：虽然Ajax的核心是JavaScript，但实际开发中我们...
功能基础，增，显，分页。适合初学者。 ajax+.net小例子 ajax+C#示例 ajax+.net 示例ajax+.net小例子 ajax+C#示例 ajax+.net 示例ajax+.net小例子 ajax+C#示例 ajax+.net 示例
下面是一个简单的jQuery AJAX请求示例，从服务器获取JSON数据并显示在页面上： ```html <!DOCTYPE html> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <button id="loadData">Load ...
在本资料中，我们将通过18个具体的Ajax示例，帮助你轻松掌握Ajax的核心概念和实践技巧。** ### 1. 基础概念 - **异步通信**：Ajax的核心特性，允许页面在不重新加载的情况下与服务器交互。 - **XMLHttpRequest对象*...
通过学习和理解这些Ajax示例源码，开发者可以更好地掌握Ajax的运用，从而在实际项目中构建更加动态和交互丰富的网页应用。无论是简单的数据获取，还是复杂的表单提交、文件上传，Ajax都能提供有效的解决方案。
在"springboot+ajax示例"中，你可能会看到以下关键知识点： 1. **SpringBoot配置**：包括创建`@SpringBootApplication`注解的主类，配置数据源，定义RESTful API接口等。例如，你可能有一个`@RestController`注解的...
在这个“bootstrap table ajax 示例”中，我们看到一个利用 Maven 构建的项目，它展示了如何通过 AJAX 从后台动态地分页获取并显示数据。 首先，我们需要理解Maven。Maven 是一个Java项目管理工具，它帮助开发者...
在“ajax示例 原代码”中，我们可以看到三个关键文件：`drop.html`、`drop2.html`和`interface.js`。这些文件通常构成了一个简单的Ajax应用的组成部分： 1. **drop.html** 和 **drop2.html**： 这两个HTML文件可能...
标题“ajax+js的示例代码”表明我们将关注这两种技术的实际应用，而描述则提到了具体的应用场景，如可编辑的表格和弹出框。 AJAX是一种在无需刷新整个网页的情况下更新部分网页内容的技术。它通过后台与服务器进行...
这个“Ajax 示例”旨在展示如何使用 Ajax 技术来实现异步请求，从而获取并显示静态内容，例如系统当前时间。 **Ajax 的核心组成部分** 1. **XMLHttpRequest 对象**：这是 Ajax 的基石，它允许 JavaScript 在后台与...
这个压缩包包含了一个使用AjaxPro控件实现的简单AJAX示例源码，通过VS2010开发。下面我们将详细探讨AjaxPro的使用方法和示例中的关键知识点。 **一、AjaxPro简介** AjaxPro是.NET框架下的一套解决方案，用于创建...
本示例将展示如何使用Ajax进行简单的异步请求。 首先，我们需要了解Ajax的工作流程。Ajax请求通常包含以下步骤： 1. **创建XMLHttpRequest对象**：这是所有Ajax操作的基础。在现代浏览器中，我们可以直接创建`...