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                    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的empNorespons.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;}
}

转载于:https://www.cnblogs.com/staticking/p/6808181.html

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

用ajax提交数据到ashx用JSON.stringify格式化参数后在服务器端取不到值？[转载至：http://q.cnblogs.com/q/34266/]...
用ajax提交数据到ashx用JSON.stringify格式化参数后在服务器端取不到值?[转载至:http://q.cnblogs.com/q/34266/] 前台代码: $(function () ...
ajax提交成功清空表单,Ajax提交数据后，清空form表单
按钮不同,页面相同,还需要显示的数据不同,这里会由于页面的缓存问题,导致,每次点开这个页面显示的数据相同. 这不是我们想要的.这就需要清楚表单数据了. 如下: $('#myform')[0].rese ...
ajax提交数据到后台php接收
在网上看了很久,发现数据的利用ajax提交数据到后台其实很简单,但是很多讲解的并不清楚,对于初学者来说,很多真的是看着有点糊涂,拿来直接用,又想去了解怎么回事,其实利用ajax提交数据到后台是非常的简 ...
ajax提交数据给谁,jquery ajax提交数据给后端
大家好,今天铁柱兄给大家带一段jquery ajax提交数据给后端的教学. 初学javaweb的同学前端提交数据基本上都是用form表单提交,这玩意儿反正我是觉得不太好玩.而JavaScript aj ...
ASP.NET前台html页面AJAX提交数据后台ashx页面接收数据
摘要:最近在写网站,好不容易弄好了需求又变了,没错企业的门户网站硬要弄成后台管理系统一样,没办法作为小工的我只能默默的改.前台HTML页面需要提交数据到后台处理,又不能用form表单,于是乎研究了1天 ...
Django中Ajax提交数据的CSRF问题
错误信息: Forbidden (CSRF token missing or incorrect.): 什么是CSRF: django为用户实现防止跨站请求伪造的功能,通过中间件 django.mid ...
web项目通过ajax提交数据太大报错
通过ajax提交大数据 $.ajax({ url:"", data:{xx:xx} }) 这样子大大的字符串四五个一块提交.导致的提交的请求太大 idea报错浏览器页面报错解决 ...
ajax提交数据被截断的问题
最近做一个博客发布程序,使用ajax向后台提交数据,发现数据总是被截断,网上搜了些资料,罪魁祸首是特殊字符转义后的&惹的祸,现将解决办法记录下,以备后查获取数据: var data=cked ...
html页面ajax提交数据,ajax请求提交form表单
AJAX表单提交以及数据接收方式一手工收集所有的用户输入,封装为大的"k1=v1&k2=v2-"键值对形式,使用$.post(url, data,fn)把数据提交给服务 ...

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

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

最新文章

热门文章