ajax连接jsp或servlet,获取MySql为数据

当然代码并没有严格按规范写。。。数据库连接和操作的代码应该单独写出来。。。 html 页面中的JS代码也应该单独写一个JS文件，然后引入页面即可。其次，jsp中的代码写到servlet中效果是一样的。。。

1.html代码：

Java代码

<!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 οnlοad="refresh()">
<form action="">
选择用户：
<select name="employees" οnchange="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数据库。。。

Java代码

<%@ 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());
%>

转载于:https://www.cnblogs.com/-ksz/p/3322688.html

ajax连接jsp或servlet,获取MySql为数据相关推荐

java servlet 获取路径问题_Java，JSP，Servlet获取当前工程路径（绝对路径）问题解析...
在jsp和class文件中调用的相对路径不同. 在jsp里,根目录是webroot 在class文件中,根目录是webroot/web-inf/classes 当然你也可以用system.getpro ...
观看慕课老师milanlover视频Tomcat装在Servlet的三种情况+Servlet获取表单数据+Servlet相对路径
在src新建TestServlet1: package servlet;import java.io.IOException; import java.io.PrintWriter;import ja ...
shell脚本获取mysql插入数据自增长id的值
shell脚本获取mysql插入数据自增长id的值在shell脚本中我们可以通过last_insert_id()获取id值,但是,需要注意的是,该函数必须在执行插入操作的sql语句之后,立即调用,否 ...
Java web实验购物网站（IDEA开发环境，JavaScript，JSP，Servlet，MySql等）——实现购物车
后面有资源包 Java web实验购物网站实验要求实验开发工具及使用技术准备工作完整项目目录结构实验结果展示实验步骤小结项目完整代码及数据库.SQL文件实验要求掌握静态HTML, ...
Servlet获取Excel中数据的两种方式
Servlet解析Excel文件的两种方式简单分享一下Servlet通过解析Excel文件得到其中数据的两种方式第一种:前端获取思路:通过layui的第三方插件 layui.excel 解析ex ...
servlet获取表单数据
1.sevlet获取表单数据在很多的情况下,我们需要在浏览器,Web服务器和后台程序之间传递数据.浏览器使用两种方法可将这些信息传递到Web服务器,分别为Get方法和Post方法. 2.Get方法, ...
JSP简单练习-用Servlet获取表单数据
// javaBean代码 package servlet;import java.io.*;import javax.servlet.*; import javax.servlet.http.*;p ...
利用jsp和servlet，MySQL实现简易报表
beans包和jdbc包代码不放了,麻烦 Service.java: package service; import java.sql.Connection; import java.sql.Resu ...
java获取mysql的数据_【助教】Java获取数据库数据展示
本文将给出一个最简单的Java查询数据库中一张表的数据并将查询结果展示在页面的例子. 实际上,我们要解决以下两个问题: Java与数据库交互(以JDBC为例) 数据展示在前台页面(以Servlet+J ...

ajax连接jsp或servlet,获取MySql为数据

ajax连接jsp或servlet,获取MySql为数据相关推荐

最新文章

热门文章