jsp mysql ajax读取数据库数据
jspmysqlajax读取数据库数据，假使功能如下，键盘输入数字帐号，jsp+ajax无刷新自动读取user表下的姓名、部门等信息并自动填充到文本框中，本人对ajax不...
jsp mysql ajax读取数据库数据，假使功能如下，键盘输入数字帐号，jsp+ajax无刷新自动读取user表下的姓名、部门等信息并自动填充到文本框中，本人对ajax不熟悉，麻烦好心者尽量解答详细点，分别写出jsp文件和js文件代码，谢谢了。
展开
1个回答
展开全部
<head>
<script><!--
function createXMLHttpRequest(){
var xmlHttp = false;
try {
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e2) {
xmlHttp = false;
}
}
if (!xmlHttp) {
xmlHttp = new XMLHttpRequest();
}
return xmlHttp;
}
function sendAJAXRequest(){
var zh = document.getElmentById("zh");
var bm = document.getElmentById("bm");
var xm = document.getElmentById("xm");
var requestURL = "<%=request.getContextPath()%>/ajaxQueryUser.do?zh="+zh;
var xmlHttp = createXMLHttpRequest();
xmlHttp.open("post", requestURL, true); // true表示异步通信
xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
xmlHttp.onreadystatechange = function(){
if (xmlHttp.readyState == 4) {
if(xmlHttp.status == 200){
var response = xmlHttp.responseText;
if(response == "success"){
bm.value="";
xm.value="";
}
}else{
alert("error"+xmlHttp.status);
}
}
}; //回调函数
xmlHttp.send(null);
}
</script>
<head>
<body>
<div>帐号<input type="text" name="zh" id="zh" onblur="sendAJAXRequest()"/></div>
<div>姓名<input type="text" name="xm" id="xm"/></div>
<div>部门<input type="text" name="bm" id="bm"/></div>
</body>
<script><!--
function createXMLHttpRequest(){
var xmlHttp = false;
try {
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e2) {
xmlHttp = false;
}
}
if (!xmlHttp) {
xmlHttp = new XMLHttpRequest();
}
return xmlHttp;
}
function sendAJAXRequest(){
var zh = document.getElmentById("zh");
var bm = document.getElmentById("bm");
var xm = document.getElmentById("xm");
var requestURL = "<%=request.getContextPath()%>/ajaxQueryUser.do?zh="+zh;
var xmlHttp = createXMLHttpRequest();
xmlHttp.open("post", requestURL, true); // true表示异步通信
xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
xmlHttp.onreadystatechange = function(){
if (xmlHttp.readyState == 4) {
if(xmlHttp.status == 200){
var response = xmlHttp.responseText;
if(response == "success"){
bm.value="";
xm.value="";
}
}else{
alert("error"+xmlHttp.status);
}
}
}; //回调函数
xmlHttp.send(null);
}
</script>
<head>
<body>
<div>帐号<input type="text" name="zh" id="zh" onblur="sendAJAXRequest()"/></div>
<div>姓名<input type="text" name="xm" id="xm"/></div>
<div>部门<input type="text" name="bm" id="bm"/></div>
</body>
追问
先谢谢你了，再问一下，连接数据库在哪啊？能详细点吗？我使用的是MYSQL，就在jsp中连接数据库就行。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
