从数据库取回的数据,分别插在页面的几个文本框中,在a文本框中输入数据在b,c,d文本框中显示得到的数据
AJAX异步处理,我想将从数据库取回的数据,分别插在查询页面的几个文本框中,在a文本框中输入查询的数据,在b,c,d文明本框中显示得到的数据。<%@pagelanguag...
AJAX异步处理,我想将从数据库取回的数据,分别插在查询页面的几个文本框中,在a文本框中输入查询的数据,在b,c,d文明本框中显示得到的数据。
<%@ page language="java" import="java.util.*" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ page import="entity.Student"%>
<%@ page import="dao.StudentDAO"%>
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
<meta http-equiv="Content-Type" name="viewport" content="width=device-width,inital-scale=1">
<link rel="stylesheet" href="css/jquery.mobile-1.4.3.css"/>
<link rel="apple-touch-icon-precomposed" href="images/icon.png"/>
<title>信息查询</title>
<script type="text/javascript">
function showCustomer(str)
{
var xmlhttp;
if (str=="")
{
document.getElementById("txtHint").innerHTML="";
return;
}
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","checktest.jsp?idCard="+str,true);
xmlhttp.send();
}
</script>
</head>
<body onload="load()">
<div data-role="page" id="index" data-theme="a">
<div data-role="header" data-position="fixed" data-theme="b">
<div align="center"><img src="images/logohead.png" width="320" height="100"/>
</div>
</div>
</div>
<div data-role="main" class="ui-content">
<div class="ui-field-contain">
<label>身份证号:</label>
<input type="text" id="idCard" name="idCard" size="20" onchange="showCustomer(this.value)"/>
<div id="txtHint">客户信息将在此处列出 ...</div>
</div>
</div>
<script src="js/jquery-1.11.1.js"></script>
<script src="js/jquery.mobile-1.4.3.js"></script>
</body>
</html>
下面是查询数据的页面代码
%@ page language="java" import="java.util.*" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ page import="entity.Student"%>
<%@ page import="dao.StudentDAO"%>
<%
request.setCharacterEncoding("utf-8");
%>
<%
String idCard = request.getParameter("idCard");
idCard = request.getParameter("idCard");
StudentDAO StudentDao = new StudentDAO();
ArrayList<Student> list = StudentDao.getAllStudent(idCard);
for(int i=0;i<list.size();i++)
{
Student student = list.get(i);
%>
<p>学校名称:<%=student.getCollege()%></p>
<p>队员姓名:<%=student.getName()%></p>
<%
}
%> 展开
<%@ page language="java" import="java.util.*" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ page import="entity.Student"%>
<%@ page import="dao.StudentDAO"%>
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
<meta http-equiv="Content-Type" name="viewport" content="width=device-width,inital-scale=1">
<link rel="stylesheet" href="css/jquery.mobile-1.4.3.css"/>
<link rel="apple-touch-icon-precomposed" href="images/icon.png"/>
<title>信息查询</title>
<script type="text/javascript">
function showCustomer(str)
{
var xmlhttp;
if (str=="")
{
document.getElementById("txtHint").innerHTML="";
return;
}
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","checktest.jsp?idCard="+str,true);
xmlhttp.send();
}
</script>
</head>
<body onload="load()">
<div data-role="page" id="index" data-theme="a">
<div data-role="header" data-position="fixed" data-theme="b">
<div align="center"><img src="images/logohead.png" width="320" height="100"/>
</div>
</div>
</div>
<div data-role="main" class="ui-content">
<div class="ui-field-contain">
<label>身份证号:</label>
<input type="text" id="idCard" name="idCard" size="20" onchange="showCustomer(this.value)"/>
<div id="txtHint">客户信息将在此处列出 ...</div>
</div>
</div>
<script src="js/jquery-1.11.1.js"></script>
<script src="js/jquery.mobile-1.4.3.js"></script>
</body>
</html>
下面是查询数据的页面代码
%@ page language="java" import="java.util.*" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ page import="entity.Student"%>
<%@ page import="dao.StudentDAO"%>
<%
request.setCharacterEncoding("utf-8");
%>
<%
String idCard = request.getParameter("idCard");
idCard = request.getParameter("idCard");
StudentDAO StudentDao = new StudentDAO();
ArrayList<Student> list = StudentDao.getAllStudent(idCard);
for(int i=0;i<list.size();i++)
{
Student student = list.get(i);
%>
<p>学校名称:<%=student.getCollege()%></p>
<p>队员姓名:<%=student.getName()%></p>
<%
}
%> 展开
2个回答
展开全部
可以把查询结果放在list 里面,然后在jsp页面凯升乱进行循环,用s:iterator标签进行循环,然后哪笑晌个文本框盯档,属性value='${SQL里面的指标的名称}',
更多追问追答
追问
不是很明白,上面的代码,一个数据输入页面的,另一是数据查询的页面代码,为在查询页面的文本框中输入数据后,传递给查询数据的页面得到学校名称和姓名,为不知道怎样将学校和名称分开,插入查询页面的文本框中。
追答
你页面查询代码可以在action中写吗,你用jQuery的局部更新
showCustomer(str) {
jQuery("#txtHint").load(url,{"idCard":str});
//url是你action的方法
}
你的那种这种代码我没有怎么玩过,我们都是在框架里弄的
2015-08-28
展开全部
ajax查询后,把尺裤数据显示在页面吗?
什么格式的数据,你要贴一下。
最好页面也陵友简截告谨个图看看,放在哪里?
什么格式的数据,你要贴一下。
最好页面也陵友简截告谨个图看看,放在哪里?
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询