看一個用jQuery提交表單ajax查詢的範例。 基本功能:使用者輸入表單,輸入准考證和驗證碼,驗證使用者是否輸入表單,點選查詢提交,然後從伺服器得到傳回的資料並顯示出來。 代碼如下: jQuery部分: 複製代碼 代碼如下: <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> htm部分: 複製代碼 代碼如下: 准考證號: 驗證碼: div>