Ajax提交数据判断员工编号是否存在,及自动填充与员工编号所对应的员工姓名。

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;
    }
}
时间: 2024-11-04 20:12:43

Ajax提交数据判断员工编号是否存在,及自动填充与员工编号所对应的员工姓名。的相关文章

JavaWeb开发中form、ajax提交数据Model转化

JavaWeb开发中form.ajax提交数据Model转化 问题 最近学习MongoDB数据库,作为java开发的我,当然需要做个小的web程序来测试一番了.在html中我采取ajax提交方式,因为我要模拟各种类型的数据,基础数据类型.数组.对象等.然而,最终发现了个不同的地方:Form和ajax提交数据,在HttpServletRequest中尽然参数名有所不同. 数据类型 form ajax 基础数据 para=value para=value 数组 para[]={"aaa",

js方法内Ajax请求数据判断,验证无效(OnClientClick=&quot;return Method();&quot;),还是直接执行后台代码

function CheckAdd() { var flag = true; $.ajax({ cache: false, async: false, url: "/ajaxpage/getajax.aspx?t=adjserviceclientlist&Cellphone=" + Cellphone + "&a=" + Math.random(), dataType: 'json', success: function (data) { if (d

jQuery 中 ajax 提交数据应用的一个小demo

举一个jquery中ajax的应用小 demo 便于以后的更多项目拓展 ,这里要注意的是保存的文件名问题 ... ajax02.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div id="form&qu

解决部分浏览器ajax提交数据,数据已改变,却后台数据接收数据还是上一次值的问题

最近在工作中遇到了QQ浏览器ajax提交数据,表单数据改变,却后台数据接收数据还是上一次值的问题,但是在其它浏览器中是正常的. 代码如下: $.ajax({ url : "<%=path%>/secretkey/uploadKey", async:false, type : 'post', data : { merKey : $('#merKey').val(), keyType : $('#keyType').val(), type : $('#type').val()

ajax提交数据问题

加入traditional:true属性 traditional 类型:Boolean 如果你想要用传统的方式来序列化数据,那么就设置为 true.请参考工具分类下面的 jQuery.param 方法. $.ajax({ type: "POST", url: url, traditional:true, data:{ data:[0,1] }, dataType: "json", async:false }); ajax提交数据问题

AJAX提交数据成功但不会跳转页面

HTML页面通过ajax提交数据成功,但是会执行多次success方法,不会跳转到指定页面 解决办法;把button的type改为button即可 1 <button type="button" id="addBtn" class="btn btn-primary btn-lg">添加</button> 2 3 <script type="text/javascript"> 4  $(&qu

ajax提交数据,回调函数不执行或总是执行error回调函数的问题

jsp页面: <form id="itemAddForm" class="itemForm" method="post"> <div id="tab1" class="tabcontent"> <div class="form"> <div class="form_row"> <label><b>

ajax提交数据至jsp

ajax技术至今为止 被越来越多的人采用  主要原因也是因为它强大的无刷新功能   给服务器减少了不少压力, 那么究竟什么是ajax? 下面是我的一点心得 首先在eclipse里新建一个项目  这里我的是zy  如图: 我这里是集合mvc和mybatis集成的一个环境,为了节省时间  我就简单了 说一下 有以下几步: 然后创建一个jsp页面  这里是index.jsp    主要是一个form表单    然后是一个juqery函数: 启动服务器   打开浏览器  预览: 其次在创建一个ajax.

博客园项目-登录(验证码,ajax提交数据,session和cookie)

前端页面 {% load static %} <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta http-equiv="x-ua-compatible" content="IE=edge"> <meta name="viewport" content