json+ajax实现的增删改查的方法

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://"
            + request.getServerName() + ":" + request.getServerPort()
            + path + "/";
%>

"-//W3C//DTD HTML 4.01 Transitional//EN">


        "<%=basePath%>">

        My JSP <span class="string">'emp.jsp'</span><span> starting page

        "pragma" content="no-cache">
        "cache-control" content="no-cache">
        "expires" content="0">
        "keywords" content="keyword1,keyword2,keyword3">
        "description" content="This is my page">


        "text/javascript" src="./js/util.js">

            </span></li> 
     <li><span>window.onload = function() {    </span></li> 
     <li class="alt"><span>    document.getElementById(<span class="string">"addemp"</span><span>).style.display = </span><span class="string">"none"</span><span>;    </span></span></li> 
     <li><span>}    </span></li> 
     <li class="alt"><span>var pageinfo;    </span></li> 
     <li><span>    </span></li> 
     <li class="alt"><span>function findAll(nowpage) {    </span></li> 
     <li><span>    <span class="comment">//获取xhr对象  </span><span>  </span></span></li> 
     <li class="alt"><span>    var xhr = getXhr();    </span></li> 
     <li><span>    <span class="comment">//封装请求信息  </span><span>  </span></span></li> 
     <li class="alt"><span>    xhr.open(<span class="string">"get"</span><span>, </span><span class="string">"./listEmp.do?nowpage="</span><span> + nowpage, </span><span class="keyword">true</span><span>);    </span></span></li> 
     <li><span>    </span></li> 
     <li class="alt"><span>    <span class="comment">//发送请求  </span><span>  </span></span></li> 
     <li><span>    xhr.send();    </span></li> 
     <li class="alt"><span>    </span></li> 
     <li><span>    <span class="comment">//相应  </span><span>  </span></span></li> 
     <li class="alt"><span>    xhr.onreadystatechange = function() {    </span></li> 
     <li><span>        <span class="keyword">if</span><span> (xhr.readyState == </span><span class="number">4</span><span> && xhr.status == </span><span class="number">200</span><span>) {    </span></span></li> 
     <li class="alt"><span>    </span></li> 
     <li><span>            var jsonResponse = eval(<span class="string">"("</span><span> + xhr.responseText + </span><span class="string">")"</span><span>);    </span></span></li> 
     <li class="alt"><span>    </span></li> 
     <li><span>            <span class="comment">//获取写入的tbody的DOM对象  </span><span>  </span></span></li> 
     <li class="alt"><span>            cha(jsonResponse);    </span></li> 
     <li><span>    </span></li> 
     <li class="alt"><span>        }    </span></li> 
     <li><span>    }    </span></li> 
     <li class="alt"><span>}    </span></li> 
     <li><span>    </span></li> 
     <li class="alt"><span>function cha(jsonResponse) {    </span></li> 
     <li><span>    var listemps = $(<span class="string">"listemps"</span><span>);    </span></span></li> 
     <li class="alt"><span>    listemps.innerHTML = <span class="string">""</span><span>;    </span></span></li> 
     <li><span>    <span class="keyword">for</span><span> ( var i = </span><span class="number">0</span><span>; i < jsonResponse.length; i++) {    </span></span></li> 
     <li class="alt"><span>        var emptr = document.createElement(<span class="string">"tr"</span><span>);    </span></span></li> 
     <li><span>    </span></li> 
     <li class="alt"><span>        var empno = document.createElement(<span class="string">"td"</span><span>);    </span></span></li> 
     <li><span>        var ename = document.createElement(<span class="string">"td"</span><span>);    </span></span></li> 
     <li class="alt"><span>        var job = document.createElement(<span class="string">"td"</span><span>);    </span></span></li> 
     <li><span>        var hiredate = document.createElement(<span class="string">"td"</span><span>);    </span></span></li> 
     <li class="alt"><span>        var mgr = document.createElement(<span class="string">"td"</span><span>);    </span></span></li> 
     <li><span>        var sal = document.createElement(<span class="string">"td"</span><span>);    </span></span></li> 
     <li class="alt"><span>        var comm = document.createElement(<span class="string">"td"</span><span>);    </span></span></li> 
     <li><span>        var deptno = document.createElement(<span class="string">"td"</span><span>);    </span></span></li> 
     <li class="alt"><span>        var cz = document.createElement(<span class="string">"td"</span><span>);    </span></span></li> 
     <li><span>        empno.appendChild(document.createTextNode(jsonResponse[i].empno));    </span></li> 
     <li class="alt"><span>        ename.appendChild(document.createTextNode(jsonResponse[i].ename));    </span></li> 
     <li><span>        job.appendChild(document.createTextNode(jsonResponse[i].job));    </span></li> 
     <li class="alt"><span>        var a = (jsonResponse[i].hiredate.year + <span class="number">1900</span><span>) + </span><span class="string">"年"</span><span>    </span></span></li> 
     <li><span>                + (jsonResponse[i].hiredate.month + <span class="number">1</span><span>) + </span><span class="string">"月"</span><span>    </span></span></li> 
     <li class="alt"><span>                + jsonResponse[i].hiredate.date + <span class="string">"日"</span><span>;    </span></span></li> 
     <li><span>        hiredate.appendChild(document.createTextNode(a));    </span></li> 
     <li class="alt"><span>        mgr.appendChild(document.createTextNode(jsonResponse[i].mgr));    </span></li> 
     <li><span>        sal.appendChild(document.createTextNode(jsonResponse[i].sal));    </span></li> 
     <li class="alt"><span>        comm.appendChild(document.createTextNode(jsonResponse[i].comm));    </span></li> 
     <li><span>        deptno.appendChild(document.createTextNode(jsonResponse[i].deptno));    </span></li> 
     <li class="alt"><span>        var udmp = document.createElement(<span class="string">"input"</span><span>);    </span></span></li> 
     <li><span>        var delmp = document.createElement(<span class="string">"input"</span><span>);    </span></span></li> 
     <li class="alt"><span>        delmp.setAttribute(<span class="string">"type"</span><span>, </span><span class="string">"button"</span><span>);    </span></span></li> 
     <li><span>        udmp.setAttribute(<span class="string">"type"</span><span>, </span><span class="string">"button"</span><span>);    </span></span></li> 
     <li class="alt"><span>        delmp.setAttribute(<span class="string">"value"</span><span>, </span><span class="string">"删除"</span><span>);    </span></span></li> 
     <li><span>        udmp.setAttribute(<span class="string">"value"</span><span>, </span><span class="string">"编辑"</span><span>);    </span></span></li> 
     <li class="alt"><span>    </span></li> 
     <li><span>        emptr.appendChild(empno);    </span></li> 
     <li class="alt"><span>        emptr.appendChild(ename);    </span></li> 
     <li><span>        emptr.appendChild(job);    </span></li> 
     <li class="alt"><span>        emptr.appendChild(hiredate);    </span></li> 
     <li><span>        emptr.appendChild(mgr);    </span></li> 
     <li class="alt"><span>        emptr.appendChild(sal);    </span></li> 
     <li><span>        emptr.appendChild(comm);    </span></li> 
     <li class="alt"><span>        emptr.appendChild(deptno);    </span></li> 
     <li><span>        cz.appendChild(udmp);    </span></li> 
     <li class="alt"><span>        cz.appendChild(delmp);    </span></li> 
     <li><span>        emptr.appendChild(cz);    </span></li> 
     <li class="alt"><span>        listemps.appendChild(emptr);    </span></li> 
     <li><span>    </span></li> 
     <li class="alt"><span>        delmp.onclick = function() {    </span></li> 
     <li><span>            <span class="keyword">if</span><span> (window.confirm(</span><span class="string">"您确定删除？？"</span><span>)) {    </span></span></li> 
     <li class="alt"><span>                var empno = <span class="keyword">this</span><span>.parentNode.parentNode.firstChild.innerHTML;    </span></span></li> 
     <li><span>                listemps.innerHTML = <span class="string">""</span><span>;    </span></span></li> 
     <li class="alt"><span>                var xhr = getXhr();    </span></li> 
     <li><span>                <span class="comment">//封装请求信息  </span><span>  </span></span></li> 
     <li class="alt"><span>                xhr.open(<span class="string">"get"</span><span>, </span><span class="string">"./DelEmp.do?empno="</span><span> + empno, </span><span class="keyword">true</span><span>);    </span></span></li> 
     <li><span>    </span></li> 
     <li class="alt"><span>                <span class="comment">//发送请求  </span><span>  </span></span></li> 
     <li><span>                xhr.send();    </span></li> 
     <li class="alt"><span>    </span></li> 
     <li><span>                <span class="comment">//相应  </span><span>  </span></span></li> 
     <li class="alt"><span>                xhr.onreadystatechange = function() {    </span></li> 
     <li><span>                    <span class="keyword">if</span><span> (xhr.readyState == </span><span class="number">4</span><span> && xhr.status == </span><span class="number">200</span><span>) {    </span></span></li> 
     <li class="alt"><span>                        var jsonResponse = eval(<span class="string">"("</span><span> + xhr.responseText + </span><span class="string">")"</span><span>);    </span></span></li> 
     <li><span>    </span></li> 
     <li class="alt"><span>                        <span class="comment">//获取写入的tbody的DOM对象  </span><span>  </span></span></li> 
     <li><span>                        cha(jsonResponse);    </span></li> 
     <li class="alt"><span>                    }    </span></li> 
     <li><span>                }    </span></li> 
     <li class="alt"><span>            }    </span></li> 
     <li><span>    </span></li> 
     <li class="alt"><span>        }    </span></li> 
     <li><span>    </span></li> 
     <li class="alt"><span>        udmp.onclick = function() {    </span></li> 
     <li><span>            document.getElementById(<span class="string">"addemp"</span><span>).style.display = </span><span class="string">"block"</span><span>;    </span></span></li> 
     <li class="alt"><span>            document.getElementById(<span class="string">"a"</span><span>).style.display = </span><span class="string">"none"</span><span>;    </span></span></li> 
     <li><span>            document.getElementById(<span class="string">"b"</span><span>).style.display = </span><span class="string">"block"</span><span>;    </span></span></li> 
     <li class="alt"><span>            var empno = <span class="keyword">this</span><span>.parentNode.parentNode.firstChild.innerHTML;    </span></span></li> 
     <li><span>            var xhr = getXhr();    </span></li> 
     <li class="alt"><span>            <span class="comment">//封装请求信息  </span><span>  </span></span></li> 
     <li><span>            xhr.open(<span class="string">"get"</span><span>, </span><span class="string">"./DeptServlet.do?empno="</span><span> + empno, </span><span class="keyword">true</span><span>);    </span></span></li> 
     <li class="alt"><span>    </span></li> 
     <li><span>            <span class="comment">//发送请求  </span><span>  </span></span></li> 
     <li class="alt"><span>            xhr.send();    </span></li> 
     <li><span>            xhr.onreadystatechange = function() {    </span></li> 
     <li class="alt"><span>                <span class="keyword">if</span><span> (xhr.readyState == </span><span class="number">4</span><span> && xhr.status == </span><span class="number">200</span><span>) {    </span></span></li> 
     <li><span>    </span></li> 
     <li class="alt"><span>                    var jsonResponse1 = eval(<span class="string">"("</span><span> + xhr.responseText + </span><span class="string">")"</span><span>);    </span></span></li> 
     <li><span>    </span></li> 
     <li class="alt"><span>                    document.getElementById(<span class="string">"empno"</span><span>).value = jsonResponse1.empno;    </span></span></li> 
     <li><span>    </span></li> 
     <li class="alt"><span>                    document.getElementById(<span class="string">"ename"</span><span>).value = jsonResponse1.ename;    </span></span></li> 
     <li><span>    </span></li> 
     <li class="alt"><span>                    document.getElementById(<span class="string">"job"</span><span>).value = jsonResponse1.job;    </span></span></li> 
     <li><span>    </span></li> 
     <li class="alt"><span>                    var a = (jsonResponse1.hiredate.year + <span class="number">1900</span><span>) + </span><span class="string">"-"</span><span>    </span></span></li> 
     <li><span>                            + (jsonResponse1.hiredate.month + <span class="number">1</span><span>) + </span><span class="string">"-"</span><span>    </span></span></li> 
     <li class="alt"><span>                            + jsonResponse1.hiredate.date;    </span></li> 
     <li><span>    </span></li> 
     <li class="alt"><span>                    document.getElementById(<span class="string">"hiredate"</span><span>).value = a;    </span></span></li> 
     <li><span>    </span></li> 
     <li class="alt"><span>                    document.getElementById(<span class="string">"mgr"</span><span>).value = jsonResponse1.mgr;    </span></span></li> 
     <li><span>    </span></li> 
     <li class="alt"><span>                    document.getElementById(<span class="string">"sal"</span><span>).value = jsonResponse1.sal;    </span></span></li> 
     <li><span>    </span></li> 
     <li class="alt"><span>                    document.getElementById(<span class="string">"comm"</span><span>).value = jsonResponse1.comm;    </span></span></li> 
     <li><span>    </span></li> 
     <li class="alt"><span>                    select(xhr, jsonResponse[i].deptno);    </span></li> 
     <li><span>                }    </span></li> 
     <li class="alt"><span>            }    </span></li> 
     <li><span>        }    </span></li> 
     <li class="alt"><span>    </span></li> 
     <li><span>        pageinfo = jsonResponse[jsonResponse.length - <span class="number">1</span><span>];    </span></span></li> 
     <li class="alt"><span>    </span></li> 
     <li><span>    }    </span></li> 
     <li class="alt"><span>}    </span></li> 
     <li><span>    </span></li> 
     <li class="alt"><span>function update() {    </span></li> 
     <li><span>    <span class="keyword">if</span><span> (window.confirm(</span><span class="string">"您确定修改？？"</span><span>)) {    </span></span></li> 
     <li class="alt"><span>        listemps.innerHTML = <span class="string">""</span><span>;    </span></span></li> 
     <li><span>        var xhr = getXhr()    </span></li> 
     <li class="alt"><span>        var empno = document.getElementById(<span class="string">"empno"</span><span>).value;    </span></span></li> 
     <li><span>        var ename = document.getElementById(<span class="string">"ename"</span><span>).value;    </span></span></li> 
     <li class="alt"><span>        var job = document.getElementById(<span class="string">"job"</span><span>).value;    </span></span></li> 
     <li><span>        var hiredate = document.getElementById(<span class="string">"hiredate"</span><span>).value;    </span></span></li> 
     <li class="alt"><span>        var mgr = document.getElementById(<span class="string">"mgr"</span><span>).value;    </span></span></li> 
     <li><span>        var sal = document.getElementById(<span class="string">"sal"</span><span>).value;    </span></span></li> 
     <li class="alt"><span>        var comm = document.getElementById(<span class="string">"comm"</span><span>).value;    </span></span></li> 
     <li><span>        var deptno = document.getElementById(<span class="string">"sel"</span><span>).value;    </span></span></li> 
     <li class="alt"><span>        xhr    </span></li> 
     <li><span>                .open(<span class="string">"get"</span><span>, </span><span class="string">"./UpdateEmp.do?empno1="</span><span> + empno + </span><span class="string">"&ename1="</span><span>    </span></span></li> 
     <li class="alt"><span>                        + ename + <span class="string">"&job1="</span><span> + job + </span><span class="string">"&hiredate1="</span><span> + hiredate    </span></span></li> 
     <li><span>                        + <span class="string">"&mgr1="</span><span> + mgr + </span><span class="string">"&sal1="</span><span> + sal + </span><span class="string">"&comm="</span><span> + comm    </span></span></li> 
     <li class="alt"><span>                        + <span class="string">"&deptno1="</span><span> + deptno, </span><span class="keyword">true</span><span>);    </span></span></li> 
     <li><span>    </span></li> 
     <li class="alt"><span>        xhr.send();    </span></li> 
     <li><span>        xhr.onreadystatechange = function() {    </span></li> 
     <li class="alt"><span>            <span class="keyword">if</span><span> (xhr.readyState == </span><span class="number">4</span><span> && xhr.status == </span><span class="number">200</span><span>) {    </span></span></li> 
     <li><span>                cha();    </span></li> 
     <li class="alt"><span>            }    </span></li> 
     <li><span>        }    </span></li> 
     <li class="alt"><span>    }    </span></li> 
     <li><span>}    </span></li> 
     <li class="alt"><span>    </span></li> 
     <li><span>function tijiao() {    </span></li> 
     <li class="alt"><span>    </span></li> 
     <li><span>    var xhr = getXhr()    </span></li> 
     <li class="alt"><span>    var empno = document.getElementById(<span class="string">"empno"</span><span>).value;    </span></span></li> 
     <li><span>    var ename = document.getElementById(<span class="string">"ename"</span><span>).value;    </span></span></li> 
     <li class="alt"><span>    var job = document.getElementById(<span class="string">"job"</span><span>).value;    </span></span></li> 
     <li><span>    var hiredate = document.getElementById(<span class="string">"hiredate"</span><span>).value;    </span></span></li> 
     <li class="alt"><span>    var mgr = document.getElementById(<span class="string">"mgr"</span><span>).value;    </span></span></li> 
     <li><span>    var sal = document.getElementById(<span class="string">"sal"</span><span>).value;    </span></span></li> 
     <li class="alt"><span>    var comm = document.getElementById(<span class="string">"comm"</span><span>).value;    </span></span></li> 
     <li><span>    var deptno = document.getElementById(<span class="string">"sel"</span><span>).value;    </span></span></li> 
     <li class="alt"><span>    </span></li> 
     <li><span>    xhr.open(<span class="string">"get"</span><span>, </span><span class="string">"./AddEmp.do?empno1="</span><span> + empno + </span><span class="string">"&ename1="</span><span> + ename    </span></span></li> 
     <li class="alt"><span>            + <span class="string">"&job1="</span><span> + job + </span><span class="string">"&hiredate1="</span><span> + hiredate + </span><span class="string">"&mgr1="</span><span> + mgr    </span></span></li> 
     <li><span>            + <span class="string">"&sal1="</span><span> + sal + </span><span class="string">"&comm="</span><span> + comm + </span><span class="string">"&deptno1="</span><span> + deptno, </span><span class="keyword">true</span><span>);    </span></span></li> 
     <li class="alt"><span>    xhr.send();    </span></li> 
     <li><span>    xhr.onreadystatechange = function() {    </span></li> 
     <li class="alt"><span>        <span class="keyword">if</span><span> (xhr.readyState == </span><span class="number">4</span><span> && xhr.status == </span><span class="number">200</span><span>) {    </span></span></li> 
     <li><span>            findAll(<span class="number">1</span><span>);    </span></span></li> 
     <li class="alt"><span>        }    </span></li> 
     <li><span>    }    </span></li> 
     <li class="alt"><span>    </span></li> 
     <li><span>}    </span></li> 
     <li class="alt"><span>function addEmp() {    </span></li> 
     <li><span>    </span></li> 
     <li class="alt"><span>    document.getElementById(<span class="string">"addemp"</span><span>).style.display = </span><span class="string">"block"</span><span>;    </span></span></li> 
     <li><span>    document.getElementById(<span class="string">"b"</span><span>).style.display = </span><span class="string">"none"</span><span>;    </span></span></li> 
     <li class="alt"><span>    document.getElementById(<span class="string">"a"</span><span>).style.display = </span><span class="string">"block"</span><span>;    </span></span></li> 
     <li><span>    var sel = document.getElementById(<span class="string">"sel"</span><span>);    </span></span></li> 
     <li class="alt"><span>    var xhr = getXhr()    </span></li> 
     <li><span>    select(xhr, <span class="string">""</span><span>)    </span></span></li> 
     <li class="alt"><span>    </span></li> 
     <li><span>}    </span></li> 
     <li class="alt"><span>function select(xhr, vaule) {    </span></li> 
     <li><span>    </span></li> 
     <li class="alt"><span>    xhr.open(<span class="string">"get"</span><span>, </span><span class="string">"./Dept.do"</span><span>, </span><span class="keyword">true</span><span>);    </span></span></li> 
     <li><span>    xhr.send();    </span></li> 
     <li class="alt"><span>    </span></li> 
     <li><span>    xhr.onreadystatechange = function() {    </span></li> 
     <li class="alt"><span>        <span class="keyword">if</span><span> (xhr.readyState == </span><span class="number">4</span><span> && xhr.status == </span><span class="number">200</span><span>) {    </span></span></li> 
     <li><span>    </span></li> 
     <li class="alt"><span>            var jsonResponse = eval(<span class="string">"("</span><span> + xhr.responseText + </span><span class="string">")"</span><span>);    </span></span></li> 
     <li><span>            c = jsonResponse;    </span></li> 
     <li class="alt"><span>            <span class="keyword">for</span><span> ( var i = </span><span class="number">0</span><span>; i < jsonResponse.length; i++) {    </span></span></li> 
     <li><span>                var emptr = document.createElement(<span class="string">"option"</span><span>);    </span></span></li> 
     <li class="alt"><span>                <span class="keyword">if</span><span> (vaule == jsonResponse[i].deptno) {    </span></span></li> 
     <li><span>                    emptr.appendChild(document    </span></li> 
     <li class="alt"><span>                            .createTextNode(jsonResponse[i].dname));    </span></li> 
     <li><span>                    emptr.setAttribute(<span class="string">"value"</span><span>, jsonResponse[i].deptno);    </span></span></li> 
     <li class="alt"><span>                    emptr.setAttribute(<span class="string">"selected"</span><span>, </span><span class="keyword">true</span><span>);    </span></span></li> 
     <li><span>                } <span class="keyword">else</span><span> {    </span></span></li> 
     <li class="alt"><span>                    emptr.appendChild(document    </span></li> 
     <li><span>                            .createTextNode(jsonResponse[i].dname));    </span></li> 
     <li class="alt"><span>                    emptr.setAttribute(<span class="string">"value"</span><span>, jsonResponse[i].deptno);    </span></span></li> 
     <li><span>                }    </span></li> 
     <li class="alt"><span>                sel.appendChild(emptr);    </span></li> 
     <li><span>            }    </span></li> 
     <li class="alt"><span>        }    </span></li> 
     <li><span>    }    </span></li> 
     <li class="alt"><span>    </span></li> 
     <li><span>}    </span></li> 
     <li class="alt"><span>function getpageInfo(oper) {    </span></li> 
     <li><span>    </span></li> 
     <li class="alt"><span>    <span class="keyword">switch</span><span> (oper) {    </span></span></li> 
     <li><span>    <span class="keyword">case</span><span> </span><span class="number">1</span><span>:    </span></span></li> 
     <li class="alt"><span>        pageinfo.nowpage = <span class="number">1</span><span>;    </span></span></li> 
     <li><span>        <span class="keyword">break</span><span>;    </span></span></li> 
     <li class="alt"><span>    <span class="keyword">case</span><span> </span><span class="number">2</span><span>:    </span></span></li> 
     <li><span>        pageinfo.nowpage--;    </span></li> 
     <li class="alt"><span>        <span class="keyword">break</span><span>;    </span></span></li> 
     <li><span>    <span class="keyword">case</span><span> </span><span class="number">3</span><span>:    </span></span></li> 
     <li class="alt"><span>        pageinfo.nowpage++;    </span></li> 
     <li><span>        <span class="keyword">break</span><span>;    </span></span></li> 
     <li class="alt"><span>    <span class="keyword">case</span><span> </span><span class="number">4</span><span>:    </span></span></li> 
     <li><span>        pageinfo.nowpage = pageinfo.countpage;    </span></li> 
     <li class="alt"><span>        <span class="keyword">break</span><span>;    </span></span></li> 
     <li><span>    }    </span></li> 
     <li class="alt"><span>    </span></li> 
     <li><span>    findAll(pageinfo.nowpage);    </span></li> 
     <li class="alt"><span>    </span></li> 
     <li><span>}    </span></li> 
     <li class="alt"><span>    </span></li> 
     <li><span>function changeTest() {    </span></li> 
     <li class="alt"><span>    </span></li> 
     <li><span>    <span class="keyword">if</span><span> ($(</span><span class="string">"ordername"</span><span>).className == </span><span class="string">"asc"</span><span>) {    </span></span></li> 
     <li class="alt"><span>        $(<span class="string">"ordername"</span><span>).className = </span><span class="string">"desc"</span><span>;    </span></span></li> 
     <li><span>    </span></li> 
     <li class="alt"><span>        <span class="comment">//获取xhr对象  </span><span>  </span></span></li> 
     <li><span>        var xhr = getXhr();    </span></li> 
     <li class="alt"><span>        <span class="comment">//封装请求信息  </span><span>  </span></span></li> 
     <li><span>        xhr.open(<span class="string">"get"</span><span>, </span><span class="string">"./listEmp.do?nowpage="</span><span> + nowpage+</span><span class="string">"&lob=asc"</span><span>, </span><span class="keyword">true</span><span>);    </span></span></li> 
     <li class="alt"><span>    </span></li> 
     <li><span>        <span class="comment">//发送请求  </span><span>  </span></span></li> 
     <li class="alt"><span>        xhr.send();    </span></li> 
     <li><span>    </span></li> 
     <li class="alt"><span>        <span class="comment">//相应  </span><span>  </span></span></li> 
     <li><span>        xhr.onreadystatechange = function() {    </span></li> 
     <li class="alt"><span>            <span class="keyword">if</span><span> (xhr.readyState == </span><span class="number">4</span><span> && xhr.status == </span><span class="number">200</span><span>) {    </span></span></li> 
     <li><span>    </span></li> 
     <li class="alt"><span>                var jsonResponse = eval(<span class="string">"("</span><span> + xhr.responseText + </span><span class="string">")"</span><span>);    </span></span></li> 
     <li><span>    </span></li> 
     <li class="alt"><span>                <span class="comment">//获取写入的tbody的DOM对象  </span><span>  </span></span></li> 
     <li><span>                cha(jsonResponse);    </span></li> 
     <li class="alt"><span>    </span></li> 
     <li><span>            }    </span></li> 
     <li class="alt"><span>        }    </span></li> 
     <li><span>    </span></li> 
     <li class="alt"><span>    } <span class="keyword">else</span><span> {    </span></span></li> 
     <li><span>        $(<span class="string">"ordername"</span><span>).className = </span><span class="string">"asc"</span><span>;    </span></span></li> 
     <li class="alt"><span>    </span></li> 
     <li><span>    }    </span></li> 
     <li class="alt"><span>    </span></li> 
     <li><span>}    </span></li> 
     <li class="alt"><span>

            </span></li> 
     <li><span>.asc {    </span></li> 
     <li class="alt"><span>    background-p_w_picpath: url(p_w_picpaths/asc.gif);    </span></li> 
     <li><span>    background-repeat: no-repeat;    </span></li> 
     <li class="alt"><span>}    </span></li> 
     <li><span>    </span></li> 
     <li class="alt"><span>.desc {    </span></li> 
     <li><span>    background-p_w_picpath: url(p_w_picpaths/desc.gif);    </span></li> 
     <li class="alt"><span>    background-repeat: no-repeat;    </span></li> 
     <li><span>}    </span></li> 
     <li class="alt"><span>





                显示所有的员工信息


            "button" value="采用JSON返回数据显示所有的员工信息" οnclick="findAll(1)" />
            "button" value="添加用户" οnclick="addEmp()" />

                "1px" cellpadding="0" cellspacing="0">


                        员工信息表




                                编号

                            class="asc" id="ordername" οnclick="changeTest()"
                                width="55px">
                                姓名


                                岗位


                                入职时间


                                领导


                                薪水


                                奖金


                                部门


                                操作



                    "listemps">

    

            

    

                "javascript:getpageInfo(1)">首页    

                "javascript:getpageInfo(2)">上一页    

                "javascript:getpageInfo(3)">下一页    

                "javascript:getpageInfo(4)">末页    

            

    

            "addemp">    

                "410" height="198" border="1" align="center">    

                        

                        "135" align="right">    

                            编号    

                            

                        "259">    

                                

                                "text" name="empno" id="empno" />    

                                

                            

                        

                        

                        "right">    

                            姓名    

                            

                            

                            "text" name="ename" id="ename" />    

                            

                        

                        

                        "right">    

                            岗位    

                            

                            

                            "text" name="job" id="job" />    

                            

                        

                        

                        "right">    

                            入职时间    

                            

                            

                            "text" name="hiredate" id="hiredate" />    

                            

                        

                        

                        "right">    

                            领导    

                            

                            

                            "text" name="mgr" id="mgr" />    

                            

                        

                        

                        "25" align="right">    

                            薪水    

                            

                            

                            "text" name="sal" id="sal" />    

                            

                        

                        

                        "11" align="right">    

                            奖金    

                            

                            

                            "text" name="comm" id="comm" />    

                            

                        

                        

                        "12" align="right">    

                            部门    

                            

                            

                            "sel">    

                                "10">    

                                    请选择部门    

                                    

    

                                

    

    

                            

                        

                        

                        "12" colspan="2" align="center">    

                            "button" name="a" id="a" value="提交"    

                                οnclick="tijiao()" />    

                            "button" name="b" id="b" value="修改"    

                                οnclick="update()" />    

    

                            

                        

                    

            

    

        

    

        

    

只有JSP的javascript中的代码, 其他代码跟以前连接数据库时的代码是一样的，另外代码可能有一些BUG 望能提一下

本文转载自 http://www.itjianghu.net/120108/40916450011574185.htm

转载于:https://blog.51cto.com/3595505/762295