JSP頁面中所需要的JavaScript事件及Ajax

 1 <script type="text/javascript">
 2 function checkEmpNo(id){
 3     var empNoValue=document.getElementById(id).value;
 4         $.ajax({
 5         type:‘post‘,
 6             url:‘employee_checkEmpNoAndEmpName.htm‘,
 7             data:‘empNo=‘+empNoValue,
 8             success: 
 
function(result){      
 9                 if(result=="該用戶名不存在！"){
10                    alert("該用戶名不存在！");
11                    document.getElementById(id).value="";
12                    document.getElementById("empName").value="";
13                    document.getElementById(id).focus();
14                 }
 
else{
15                    document.getElementById("empName").value=result;
16                    document.getElementById("entranceStart").focus();
17                 } 
18     });
19 </script>
20 <form>
21 　　<table>
22 　　　　<tr>
23 　　　　　　<td><input id="empNo" onblur="checkEmpNo(this.id)"
 
 type="text" name="empNo" /></td>
24 　　　　　　<td><input id="empName" type="text" name="empName" /></td>
25 　　　　</tr>
26 　　</table>
27 </form>        

後臺Action所需的代碼：

public clasee empAction extends ActionSupport{
public String checkEmpNoAndEmpName() throws Exception {
        HttpServletRequest request = ServletActionContext.getRequest();
        HttpServletResponse respons = ServletActionContext.getResponse();
        String empNo = request.getParameter("empNo");//獲取頁面提交給後臺的Action的empNo
        respons.setContentType("text/html;charset=utf-8");//對響應的字符集進行設置
        String sendStr = "";
        List<EmployeeInfo> employeeInfoList = this.empService.checkEmpNo(empNo);//調用業務根據empNo層查詢此用戶
        try {
            PrintWriter out=respons.getWriter();//多去打印對象
            if (employeeInfoList.size()>0) {
                sendStr = employeeInfoList.get(0).getEmpName();
            } else {
                sendString = "該用戶名不存在！";
            }
            out.print(sendStr);//將後臺動態sendStr輸出到JSP頁面
            out.flush();
            out.close();
        } catch (Exception e) {
            e.printStackTrace();
        }

        return null;
    }
}

Ajax提交數據判斷員工編號是否存在，及自動填充與員工編號所對應的員工姓名。