jq ajax获取案例,jQuery Ajax提交表单查询获得数据实例代码

看一个用jQuery提交表单ajax查询的例子。

基本功能：用户输入一个表单，输入准考证和验证码，验证用户是否输入表单，点击查询提交，然后从服务器得到返回的数据并显示出来。

代码如下：

jQuery部分：

$(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+'?';

}

});

}

htm部分:

准考证号：

验证码：