jQuery Form Plugin:ajaxForm 简易使用方法

[cc lang=”html”]<!–1.先引入 jQuery,再引入 ajaxForm –>
<script type=”text/javascript” src=”~/Scripts/jquery-1.10.2.min.js”></script>
<script type=”text/javascript” src=”~/Scripts/jquery.form.js”></script>
<script type=”text/javascript”>

// 2.把表单 bind 到 ajaxForm
$(“#formCreditCard”).ajaxForm({
beforeSubmit: showRequest,
dataType: “text”,
success: showResponse
});

// 3.写对应的 function:表单送出前的处理 ajaxForm pre-submit callback
function showRequest(formData, jqForm, options) {
var queryString = $.param(formData);
alert(queryString);
return true;
}

// 4.写对应的 function:表单送出后 Server 端回传的处理 ajaxForm post-submit callback
function showResponse(responseText, statusText, xhr, $form) {
alert(responseText); //单纯的Text
}

</script>

<!–5.送出表单–>
<form id=”formCreditCard” method=”post” accept-charset=”UTF-8″ >
<input type=”submit” name=”btnSubmit” value=”送出”>
<input type=”text” name=”MerchantID” value=”1000070″ /><br />
<input type=”text” name=”MerchantTradeDate” value=”20199/09/23 15:39:30″ /><br />
</form>[/cc]

※ 下列语法可 unbind ajaxForm

<script type="text/javascript">
 $('#formCreditCard').ajaxFormUnbind();
</script>
素材猫为您提供网站源码,为中小站长服务。
素材猫 » jQuery Form Plugin:ajaxForm 简易使用方法

发表评论