当然代码并没有严格按规范写。。。数据库连接和操作的代码应该单独写出来。。。 html 页面中的JS代码也应该单独写一个JS文件，然后引入页面即可。其次，jsp中的代码写到servlet中效果是一样的。。。
1.html代码：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type="text/javascript" src="">
var xmlHttp;
//创建xmlHttpRequest对象
function createXmlHttpObject()
{
if(window.XMLHttpRequest)
{
xmlHttp = new XMLHttpRequest();
}else if(window.ActiveXObject)
{
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
return xmlHttp;
}
function send()
{
xmlHttp = createXmlHttpObject();
var url = "refreshAjax.jsp?time="+Math.random(); //加一个随机数，解决浏览器缓存问题
if(xmlHttp)
{
xmlHttp.onreadystatechange =callback; //注册回调函数名,只需要函数名，不要加括号
//设置连接信息：
//第一个参数：表示http的请求方式，主要使用get和post
//第二个参数：表示请求的URL地址，get方式的请求参数也在URL中
//第三个参数：表示采用同步还是异步方式进行交互，true表示异步交互
xmlHttp.open("GET", url, true);
//发送数据，开始和服务器端进行交互
//同步方式下，send语句会在服务器端返回数据后才执行
//异步方式下，send语句会立即执行
xmlHttp.send(null);
}else{
alert("your browser does not support ajax");
return;
}
}
//回调函数
function callback()
{
//判断对象的状态是交互完成
if(xmlHttp.readyState == 4)
{
//判断http的交互是否成功
if(xmlHttp.status==200)
{
//获取服务器端返回的数据
var xmlDoc = xmlHttp.responseXML;
document.getElementById("name").innerHTML = xmlDoc.getElementsByTagName("name")[0].childNodes[0].nodeValue;
document.getElementById("tel").innerHTML = xmlDoc.getElementsByTagName("tel")[0].childNodes[0].nodeValue;
document.getElementById("city").innerHTML = xmlDoc.getElementsByTagName("city")[0].childNodes[0].nodeValue;
}else{
alert(xmlHttp.statusText);
}
}
}
function refresh()
{
window.setInterval("send()",1000); //定时刷新
}
</script>
</head>
<body onload="refresh()">
<form action="">
选择用户：
<select name="employees" onchange="send(this.value);">
<option value="Tom">Tom</option>
<option value="Jom">Jom</option>
<option value="Sun">Sun</option>
</select>
</form>
用户名称：
<span id="name"></span>
<br>
电话：
<span id="tel"></span>
<br>
城市：
<span id="city"></span>
<br>
</body>
</html>
2。Jsp代码：
连接的是MySql数据库。。。
<%@ page language="java" import="java.sql.*" pageEncoding="gb2312"%>
<%
//这句至关重要，一定注意
response.setContentType("text/xml;charset=gb2312");
StringBuffer str=new StringBuffer();
try {
Class.forName("com.mysql.jdbc.Driver");
String url="jdbc:mysql://localhost:3306/devimonitor?";
String userName="root";
String password="root";
Connection con=DriverManager.getConnection(url,userName,password);
Statement stmt=con.createStatement(ResultSet.TYPE_SCROLL_SENSITIVE,ResultSet.CONCUR_UPDATABLE);
String sql="select * from position order by id";
ResultSet rs=stmt.executeQuery(sql);
if(rs.last())
{
str.append("<information>");
str.append("<name>");str.append(rs.getString(1).trim());str.append("</name>");
str.append("<tel>");str.append(rs.getString(2).trim());str.append("</tel>");
str.append("<city>");str.append(rs.getString(3).trim());str.append("</city>");
str.append("</information>");
}
stmt.close();
con.close();
rs.close();
} catch (Exception e)
{
e.printStackTrace();
}
out.print(str.toString());
%>
分享到：
相关推荐
【资源说明】 1、该资源包括项目的全部源码，下载可以直接使用！ 2、本项目适合作为计算机、数学、电子信息等专业的课程设计、期末大作业和...基于ajax+jsp+servlet+mysql利用IDEA实现的图书管理系统源码+数据库.zip
这个系统结合了Java Server Pages (JSP)、Servlet和MySQL数据库，构建了一个用户友好的交互界面和后端数据处理功能。 【描述】：“这是一个网页版的javascript购物网站系统”说明了在前端部分，主要使用了...
总结，本基于Ajax、JSP、Servlet和MySQL的图书管理系统，结合了现代Web技术和数据库管理的优势，为用户提供了一个高效、易用的图书信息管理平台。通过Ajax实现异步交互，JSP与Servlet协同处理前后端逻辑，MySQL保障...
同时，JSP还可以用来显示查询结果，将从Servlet接收到的数据转化为可视化的表格或列表。 Ajax，即Asynchronous JavaScript and XML，是一种创建异步Web应用的技术，允许后台与服务器进行通信而不影响用户对页面的...
在IT领域，开发一个基于"jsp+servlet+MySQL"的新闻发布系统是一种常见的实践，它主要用于构建动态、数据驱动的网站。这个系统涵盖了网页展示、用户交互和后端数据处理等多个关键部分，是Web开发基础的重要组成部分。...
项目描述 jsp+servlet开发的景点旅游网站 运行环境 ...2.前台和后台都是html模板，然后通过jquery ajax获取数据渲染，没有jsp技术 3.前台大部分页面是静态的模板内容，有交互的比如留言是ajax写入数据
在JSP+Servlet的架构中，Servlet通常用于处理业务逻辑，如从数据库获取数据、计算或转换数据。例如，Servlet可以连接到数据库查询动态数据，然后以JSON格式返回给JSP页面，供ECharts使用。 ECharts是由百度开发的一...
本系统以JSP、Servlet和MySQL为核心技术，旨在为初学者提供一个直观易懂的学习平台，尤其适合正在学习Java Web开发的学生。下面，我们将深入探讨这个系统的架构、实现原理以及其关键技术。 首先，J2EE（Java 2 ...
综上所述，"Ajax Jsp 连接MySQL数据库"涉及的技术点包括Ajax请求、JSP处理、Servlet编程、MySQL数据库操作以及前端数据展示。通过理解和实践这些知识点，你可以创建出一个能够动态获取和展示数据库信息的高效Web应用...
在IT领域，尤其是在Web开发中，使用JSP（JavaServer Pages）+Servlet+MySQL构建商品客户管理系统是...总的来说，JSP+Servlet+MySQL的组合为构建商品客户管理系统提供了坚实的基础，同时也具有较强的扩展性和可维护性。
【标题】"jsp、servlet （mysql 数据库）购物网站" 涉及的主要知识点包括JSP（JavaServer Pages）、Servlet、CSS以及MySQL数据库。这是一个基于Web的电子商务平台，提供了全面的购物体验，包括用户注册登录、购物车...
这个系统结合了Java、Servlet、JSP、Tomcat服务器以及MySQL数据库，适用于学习和完成毕业设计或课程设计任务。下面将详细介绍这些关键技术和它们在项目中的应用。 1. **Java**: Java是一种广泛使用的面向对象的编程...
商店管理系统是基于Web技术开发的一款应用，主要利用了Java服务器页面（JSP）、JavaBean、Servlet、Ajax以及MySQL数据库，这些技术共同构建了一个完整的后端处理和前端展示平台。下面将详细阐述这些技术及其在系统中...
在这个“java jsp+servlet根据数据生成饼状图.rar”项目中，开发者通过JSP和Servlet实现了根据数据动态生成饼状图的功能。饼状图是一种常用的数据可视化方式，用于表示各部分占整体的比例关系。以下将详细介绍这个...
4. **Ajax通信**：使用Ajax的`XMLHttpRequest`对象或者jQuery的`$.ajax()`函数，向Servlet发送GET或POST请求，获取服务器返回的验证结果或省市数据。如果用户名已存在，Ajax响应可以返回错误信息，前端展示给用户；...
Java基于Servlet+jsp+MySQL的简单宿舍管理系统是一个基础级别的Web应用程序开发实例，它涵盖了Web开发中的关键技术。这个系统主要用于管理宿舍的相关信息，提供用户注册、登录以及对宿舍的增删改查等基本功能，是...