不刷新页面查询数据库中数据的方法－－XML方法

来源：作者：出处：巧巧读书 2006-09-25 进入讨论组

　　我在作ASP程序时经常遇到这种情况：
　　将数据库中的数据（如所有雇员名）列在列表框中，程序要求进行选择其中一项或多项提交到下一个页面。

但麻烦的是如果数据(如雇员)过多，会给客户的选择带来麻烦－－要从很长的列表中进行数据定位。最好的解决方法是用户在选择前采用模糊查询的方式进行数据定位，准确找出需要选择的雇员名，再选择、提交。
　　问题出现在我们程序员面前：如何不刷新页面筛选从数据库中筛选数据。本人的方法有两种：
　　1、采用双列表框的方法
　　2、采用XML方法
　　本文主要介绍第二种方法：采用XML的解决方法
　　编程思想：
　　首先将放入需要放入列表框中的数据从数据库下载到XML数据岛中；
　　使用javascript将查询条件与数据岛中每一项进行对比，把符合条件的放入列表框中;
　　这样即可实现不刷新页面筛选数据库中的内容。
其缺点是不具备实时性。
　　实现：
　　下面以SQL SERVER为例，筛选NorthWind库中Employees表的雇员名进行说明。

<HTML>
<head>
<title>不刷新页面查询的方法</title>
<meta http-equiv="Content-Type" content="text/HTML; charset=gb2312">
</head>
<script language="javascript">

function loadinsel()
{
var employeeid,employeelastname;　　　　　　　　　　//分别存放雇员ID和雇员名字
root=document.all.XMLemployees.childNodes.item(0); //返回第一个元素－－employee
for(i=0;i<root.childNodes.length;i++){
　getnode=root.childNodes(i); 　　　　　　　　　　　//得到empolyee的一个子节点
employeeid=root.childNodes(i).getAttribute("emid");//得到雇员ID
for(j=0;j<getnode.childNodes.length;j++){
employeeinf=getnode.childNodes(j).nodeName;
if(employeeinf=="lastname"){
employeelastname=getnode.childNodes(j).text; //得到雇员名字
}
}
//将得到的employeeid和employeelastname写进select中
if(employeeid!="" && employeelastname!=""){
option1=document.createElement("option");
option1.text=employeelastname;
option1.value=employeeid;
employeelist.add(option1);
}
}
}


function findemployee(){
var employeelastname,employeeid;　　　　　　　　　　　　　　　//分别存放雇员名字和雇员ID
employeelastname="";
employeeid="";
findtext=window.findcontent.value;　　　　　　　　　　　　　　//得到检索条件
//清除列表框
employeecount=employeelist.length
for(i=employeecount-1;i>=0;i--){
employeelist.remove(i);
}
root=window.XMLemployees.childNodes(0);
for(i=0;i<root.childNodes.length;i++){
getitem=root.childNodes(i);　　　　　　　　　　　　　　　　//得到empolyee的一个子节点
employeeid=root.childNodes(i).getAttribute("emid");　　　　//得到雇员ID
for(j=0;j<getitem.childNodes.length;j++){
if(getitem.childNodes(j).nodeName=="lastname"){
employee_temp=getitem.childNodes(j).text;
if(employee_temp.indexOf(findtext)!=-1){　　　　　　//查找匹配项
employeelastname=employee_temp;　　　　　　　　　//找到名字匹配的雇员
}

}

}
//将符合条件的雇员信息写进select中
if(employeeid!="" && employeelastname!=""){
option1=document.createElement("option");
option1.value=employeeid;
option1.text=employeelastname;
window.employeelist.add(option1);
employeeid="";
employeelastname="";
}
}
}
</script>
<body bgcolor="#FFFFFF" text="#000000" onload="javascript:loadinsel()">
<table width="80%" border="1">
<tr>
<td> 请输入查询条件：
<input type="text" name="findcontent">
<input type="button" name="Submit" value="查找" onclick="javascript:findemployee()">
</td>
</tr>
<tr>
<td> 查询结果：
<select name="employeelist">
</select>
</td>
</tr>
</table>
<?XML version="1.0" encoding="gb2312"?>
<%
servername="wyb" '服务器名
user="sa" '用户名
pw="" '用户密码
databasename="northwind" '数据库名
set conn=server.CreateObject("adodb.connection")
conn.Open "DRIVER=SQL Server;SERVER="&servername&";UID="&user&";pwd="&pw&";DATABASE="&databasename
set rs=server.CreateObject("adodb.recordset")
sql="Select employeeid,lastname from employees order by employeeid"
rs.Open sql,conn%>

<XML id="XMLemployees">
<employee>
<%do while not rs.eof%>
<employeeitem emid="<%=rs("employeeid")%>">
　　<lastname><%=rs("lastname")%></lastname>
</employeeitem>
<%rs.movenext%>
<%loop%>
</employee> </XML>
<%rs.close
set rs=nothing
%>
</body>
</HTML>来自:http://www.qqread.com/xml-soap/w230802.html