jsp页面：
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <%@page import="org.apache.commons.lang.StringEscapeUtils"%> <%@page import="org.apache.commons.lang.StringUtils"%> <%@page import="com.alibaba.fastjson.JSONObject"%> <% String webRoot =webRootPath; String userInfo(String)request.getAttribute("userInfo").toString(); JSONObject json=JSONObject.parseObject(userInfo); String XM = json.getString("username"); String SFZH = json.getString("idCardNo"); %> <!DOCTYPE html> <html lang="zh"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1"> <meta http-equiv="X-UA-Compatible" content="IE=9"> <meta name="renderer" content="webkit"> <meta name="viewport" content="width=1190"> <title>测试</title> <script type="text/javascript">var webRoot = "<%=webRoot %>"</script> <script type="text/javascript">var XM = "<%=XM %>"</script> <script type="text/javascript">var SFZH = "<%=SFZH %>"</script> </head> <body> <form class="form-horizontal container" name="applyForm" id="form1" > <h2 class="apply-box-title">测试</h2> <div class="apply-box"> <div class="apply-box-item"> <div class="form-group"> <label for="inputCompany" class="col-sm-4 control-label"><span class="text-danger" style="color:black"></span>姓名：</label><span style="color:red; font-size: 20px">*</span> <div class="col-sm-5"> <input type="text" class="form-control" id="XM" placeholder="请输入姓名" name ="XM" value="<%=XM %>" > <span class="glyphicon form-control-feedback" aria-hidden="true"></span> </div> </div> <div class="form-group"> <label for="inputCompany" class="col-sm-4 control-label"><span class="text-danger" style="color:black"></span>身份证号码：</label><span style="color:red; font-size: 20px">*</span> <div class="col-sm-5"> <input type="text" class="form-control" id="SFZH" placeholder="请输入身份证号" value="<%=SFZH %>" name ="SFZH" ><!-- onfocus=this.blur() --> <span class="glyphicon form-control-feedback" aria-hidden="true"></span> </div> </div> <div class="form-group"> <label for="inputCompany" class="col-sm-4 control-label"><span class="text-danger"></span>户籍类型：</label> <div class="col-sm-5" > <select id="HJLX" name="HJLX" style="height:30px"> <option value="1">农业</option> <option value="2">非农业</option> </select> <span class="glyphicon form-control-feedback" aria-hidden="true"></span> </div> </div> <div class="button-bar"> <button class="btn btn-lg edu-btn-lg" onclick="login()" id="lg" type ="button">提交查询</button> </div><br/><br/> </div> </div> </form> </div> </body> </html>
js:
//提交申请 function login() { alert("信息正在查询中，请稍后...."); // document.getElementById("lg").innerHTML="查询中..."; //点击变换字体 var btn = document.getElementById('lg');//首先需要获取的是哪一个按钮的id btn.disabled = 'disabled'; //变为不可点击 setTimeout(function(){//设置时间，多久可以改变状态为可以点击(3秒) btn.disabled = ''; },3000); var url = ""; $.ajax({ type: "POST", dataType: "json", async: false, url: webRoot + '/Query.do', data: $('#form1').serialize(), success: function (fhdata) { if(fhdata.code=="400"){ alert(fhdata.ERR); }else if(fhdata.code=="500"){ alert("查询失败，请检查信息是否输入正确或登录超时！"); }else if(fhdata.code=="200"){ applyForm.action=webRoot + "/ybPdfCread.do"; applyForm.submit(); } }, error : function(err) { console.log(err); alert("系统繁忙，请稍候再试！"); } }); }
//设置时间，多久可以改变状态为可以点击