看一个用jquery提交表单ajax查询的例子。
基本功能：用户输入一个表单，输入准考证和验证码，验证用户是否输入表单，点击查询提交，然后从服务器得到返回的数据并显示出来。
代码如下：
jquery部分：
复制代码 代码如下:
<script language="javascript" type="text/javascript"> <br>$(document).ready(function() { <br>$("#btnSubmit").click(function() { <br>Login(); <br>}); <br>}); <br>function Login() { <br>if (Check()) { <br>LoginSuccess(); <br>} <br>} <br>function Check() { <br>if ($("#ksbh").val() == "") { <br>alert("准考证号不能为空！"); <br>$("#ksbh").focus(); <br>return false; <br>} <br>if ($("#Yzm").val() != $.cookie('ValidateCode')) { <br>alert("验证码错误！") <br>$("#Yzm").focus(); <br>return false; <br>} <br>return true; <br>} <br>function LoginSuccess() { <br>$.ajax({ <br>type: "POST", <br>url: "/zk/zkcj201204a", <br>data: { ksbh: $("#ksbh").val()}, <br>beforeSend: function() { $("#msg").html("loading......正在提交请稍候。"); }, <br>success: function(data) { <br>$("#msg").html(data).show(); <br>document.getElementById("valiCode").src = document.getElementById("valiCode").src+'?'; <br>} <br>}); <br>} <br></script>
htm部分：
复制代码 代码如下:
准考证号：
验证码：
