jQuery Ajax提交表单查询获得数据实例代码
2012-09-19 00:00
741 查看
看一个用jQuery提交表单ajax查询的例子。
基本功能:用户输入一个表单,输入准考证和验证码,验证用户是否输入表单,点击查询提交,然后从服务器得到返回的数据并显示出来。
代码如下:
jQuery部分:
htm部分:
基本功能:用户输入一个表单,输入准考证和验证码,验证用户是否输入表单,点击查询提交,然后从服务器得到返回的数据并显示出来。
代码如下:
jQuery部分:
<script language="javascript" type="text/javascript"> $(document).ready(function() { $("#btnSubmit").click(function() { Login(); }); }); function Login() { if (Check()) { LoginSuccess(); } } function Check() { if ($("#ksbh").val() == "") { alert("准考证号不能为空!"); $("#ksbh").focus(); return false; } if ($("#Yzm").val() != $.cookie('ValidateCode')) { alert("验证码错误!") $("#Yzm").focus(); return false; } return true; } function LoginSuccess() { $.ajax({ type: "POST", url: "/zk/zkcj201204a", data: { ksbh: $("#ksbh").val()}, beforeSend: function() { $("#msg").html("loading......正在提交请稍候。"); }, success: function(data) { $("#msg").html(data).show(); document.getElementById("valiCode").src = document.getElementById("valiCode").src+'?'; } }); } </script>
htm部分:
<div id="lmain"> <div><span class="s1">准考证号:</span><span class="s2"><input id="ksbh" maxlength="12" name="ksbh" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" onkeyup="value=value.replace(/[^\d]/g,'')" type="text" value="" /></span></div> <div><span class="s1">验证码:</span><span class="s3"><input id="Yzm" name="Yzm" type="text" value="" /><img id="valiCode" style="cursor: pointer;height:22px; line-height:22px; vertical-align:middle;" src="../Validate/GetValidateCode" onclick="this.src=this.src+'?'" alt="看不清?点击更换" /></span></div> <div style=" text-align:center;"><input type="button" id="btnSubmit" value="查询" /> </div> </div> <div id="msg" style=" width:600px;text-align:center; margin-top:20px;"></div>
相关文章推荐
- vue组件表单数据回显验证及提交的实例代码
- jQuery提交表单ajax查询实例代码
- 微信小程序服务器请求和上传数据,上传图片并展示,提交表单完整实例代码附效果图
- jQuery提交表单ajax查询实例代码
- jquery获得表单所有数据,提交数组时,特别有用
- 用C#向表单提交数据并且得到返回页面代码
- java实现连接mysql数据库单元测试查询数据的实例代码
- jquery ajax提交表单数据的两种方式
- 表单提交数据的方式 怎么在服务器获取 服务器控件 html服务器控件 提交服务器之前的验证 前台网页编写c#代码
- EasyUI在表单提交之前进行验证的实例代码
- Multipart/form-data POST文件上传详解 理论 简单的HTTP POST 大家通过HTTP向服务器发送POST请求提交数据,都是通过form表单提交的,代码如下: <form me
- struts 提交表单保存数据后清空表单数据查询
- 通过button将form表单的数据提交到action层的实例
- jQuery ajax提交form表单内所有数据
- jQuery ajax中使用serialize() 方法提交表单数据
- play frameword 连接数据库, 查询数据。简单的表单提交
- jQuery ajax中使用serialize() 方法提交表单数据
- jquery ajax提交表单数据的两种实现方法
- jQuery ajax提交Form表单实例(附demo源码)
- Soql代码实例一般的数据展示到模糊查询