xml实现无刷新数据检索,该如何处理-Java教程-爱易网页

xml实现无刷新数据检索,该如何处理

日期：2014-05-20　浏览次数：20928 次

xml实现无刷新数据检索

HTML code


<%@ page contentType="text/html; charset=utf-8" language="java" import="java.sql.*" import="hrm.lmwj.dao.*" errorPage="" %>
<%
Connection conn=DB.getConnection();
Statement stmt=null;
stmt=conn.createStatement();
String sql="";
sql="select * from userInfo";
ResultSet rs=stmt.executeQuery(sql);
int userId=-1;
String usersName="";
String trueName="";
String gender="";
String depart="";
String tel="";
String born="";
String email="";
String post="";
String xueli="";
%>
<html>
<head>
<title>员工基本信息查询</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link href="css/STYLE.CSS" rel="stylesheet">
</head>
<body onLoad="javascript:Mycheck()">
<%//通过以下代码实现将数据库中的信息存放到数据岛中%>
<xml id="xmldao">
<users>
<%
try{
while(rs.next()){
    userId=rs.getInt("userId");
    trueName=rs.getString("trueName");
    gender=rs.getString("gender");
    depart=rs.getString("department");
    post=rs.getString("post");
    xueli=rs.getString("xueli");
    born=rs.getString("born");
    tel=rs.getString("telephone");
    email=rs.getString("email");
    %>
<userId><%=userId %>
<trueName> <%=trueName%></trueName>
<gender><%=gender %></gender>
<depart><%=depart %></depart>
<post><%=post %></post>
<xueli><%=xueli %></xueli>
<born><%=born %></born>
<tel><%=tel %></tel>
<email><%=email %></email>
</userId>
<%}
}catch(Exception e){System.out.println(e.getMessage());}%>
</users>
</xml>
<%DatabaseUtils.release(conn, stmt, rs);%>    
<table width="610" height="236"  border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td valign="top"><table width="100%"  border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td height="7" colspan="3" background="images/shop_12.gif"></td>
        </tr>
      <tr>
        <td width="93" height="50" background="images/shop_15.gif">&nbsp;</td>
        <td colspan="2" valign="top" background="images/shop_16.gif">
        <form name="form2" method="post" action="">
<table width="100%" height="23"  border="0" cellpadding="0" cellspacing="0">
<tr>
  <td colspan="2" height="7"></td>
  </tr>
<tr>
  <td width="85%">请输入查询条件：

    <input name="key" type="text" class="txt_grey" size="33">                  </td>
  <td width="15%"><input name="search" type="button" class="btn_grey" value="搜索" onClick="javascript:Mycheck1()"></td>
</tr>
</table>
</form>        </td>
      </tr>
    </table>
      <table width="100%"  border="1" id="table1">
              
      </table></td>
  </tr>
</table>
<Script Language="JavaScript">
function Mycheck(){//初始化下拉框
    var Emname;
    firstElement=xmldao.childNodes.item(0);//用于返回第一个元素
    for(var i=0;i<firstElement.childNodes.length;i++){
        prevailnode=firstElement.childNodes(i);
        for(var j=0;j<prevailnode.childNodes.length;j++){
            DD=prevailnode.childNodes(j).nodeName;
            if(DD=="userName"){
                Emname=prevailnode.childNodes(j).text;
            }
        }
        //所符合条件的信息写进select中
        if(Emname!=""){
            var message = document.createTextNode(Emnanme); 
            var td = document.createElement("td");
            td.appendChild(message); 
            var tr = document.createElement("tr");
            tr.appendChild(td); 
            var tbody = document.createElement("tbody");
            tbody.appendChild(tr); 
            var table = document.createElement("table");    
            table.appendChild(tbody);
            document.body.appendChild(table);
        }
    }
}

//从数据岛中检索数据，并将其装入到列表框中
/*function Mycheck1(){
    var Emname;
    Emname="";
    text0=form2.key.value;
    //清除列表框
/*    count0=result.length
    for(i=count0-1;i>=0;i--){
        result.remove(i);
    }*/
/*    firstElement=xmldao.childNodes(0);
    for(i=0;i<firstElement.childNodes.length;i++){
        prevailitem=firstElement.childNodes(i);
        for(j=0;j<prevailitem.childNodes.length;j++){
            if(prevailitem.childNodes(j).nodeName=="trueName"){
                ep=prevailitem.childNodes(j).text;
            }
            //查找相匹配的项
            if(ep.indexOf(text0)!=-1){
                Emname=ep;
            }
            if(Emname!=""){
                op=document.createElement("option");
                op.text=Emname;
                result.add(op);
                Emname="";
            }
        }
    }
}*/
</script>
</body>
</html>

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

xml实现无刷新数据检索,该如何处理

相关资料更多>

推荐阅读更多>