Ajax表單插件jqueryform的使用-創(chuàng)新互聯(lián)

這篇文章主要講解了“Ajax表單插件jqueryform的使用”，文中的講解內(nèi)容簡單清晰，易于學(xué)習(xí)與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“Ajax表單插件jqueryform的使用”吧！

舟山ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場景，ssl證書未來市場廣闊！成為創(chuàng)新互聯(lián)的ssl證書銷售渠道，可以享受市場價格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：18980820575（備注：SSL證書合作）期待與您的合作！
HTML

首先我們載入jquery庫和jquery.form.js插件。jquery.form.js插件的官網(wǎng)地址：http://www.malsup.com/jquery/form/

$(function(){ var options = {        beforeSubmit:  showRequest,  //提交前處理        success:       showResponse,  //處理完成 resetForm: true, dataType:  'json'    };    $('#my_form').submit(function() {        $(this).ajaxSubmit(options);    }); }); function showRequest(formData, jqForm, options) { var uname = $("#uname").val(); if(uname==""){ $("#msg").html("姓名不能為空！"); return false; } var age = $("#age").val(); if(age==""){ $("#msg").html("年齡不能為空！"); return false; } $("#msg").html("正在提交...");        return true; } function showResponse(responseText, statusText)  { $("#msg").html('提交成功'); var sex = responseText.sex==1?"男":"女"; $("#output").html("姓名："+responseText.uname+" 性別："+sex+" 年齡："+responseText.age); }

以上代碼完成了表單提交前的驗證以及提交后的處理。表單數(shù)據(jù)提交到submit.php后，我們可以根據(jù)實際情況通過submit.php檢測數(shù)據(jù)、將數(shù)據(jù)寫入數(shù)據(jù)庫，返回操作結(jié)果等等操作，本文不再列出代碼。

ajaxSubmit()選項設(shè)置

ajaxSubmit()提供了豐富的選項設(shè)置，我們根據(jù)使用的可能性大小進(jìn)行列表，以供參考。

屬性            描述        url            Ajax請求將要提交到該url，默認(rèn)是表單的action屬性值        type            指定提交表單數(shù)據(jù)的方法（method）：“GET”或“POST”。默認(rèn)值：表單的method屬性值（如果沒有找到默認(rèn)為“GET”）。        dataType            期望返回的數(shù)據(jù)類型。null、“xml”、“script”或者“json”其中之一。dataType提供一種方法，它規(guī)定了怎樣處理服務(wù)器的響應(yīng)。這個被直接地反映到j(luò)Query.httpData方法中去。下面的值被支持：            'xml'：如果dataType == 'xml'，將把服務(wù)器響應(yīng)作為XML來對待。同時，如果“success”回調(diào)方法被指定， 將傳回responseXML值。            'json'：如果dataType == 'json'， 服務(wù)器響應(yīng)將被求值，并傳遞到“success”回調(diào)方法，如果它被指定的話。。            'script'：如果dataType == 'script'， 服務(wù)器響應(yīng)將求值成純文本。。            默認(rèn)值：null（服務(wù)器返回responseText值）        target            指明頁面中由服務(wù)器響應(yīng)進(jìn)行更新的元素。元素的值可能被指定為一個jQuery選擇器字符串，一個jQuery對象，或者一個DOM元素。            默認(rèn)值：null。        beforeSubmit            表單提交前被調(diào)用的回調(diào)函數(shù)?！癰eforeSubmit”回調(diào)函數(shù)作為一個鉤子（hook），被提供來運行預(yù)提交邏輯或者校驗表單數(shù)據(jù)。如果“beforeSubmit”回調(diào)函數(shù)返回false，那么表單將不被提交?！癰eforeSubmit”回調(diào)函數(shù)帶三個調(diào)用參數(shù)：數(shù)組形式的表單數(shù)據(jù)，jQuery表單對象，以及傳入ajaxForm/ajaxSubmit中的Options對象。            默認(rèn)值：null        success            表單成功提交后調(diào)用的回調(diào)函數(shù)。如果提供“success”回調(diào)函數(shù)，當(dāng)從服務(wù)器返回響應(yīng)后它被調(diào)用。然后由dataType選項值決定傳回responseText還是responseXML的值。            默認(rèn)值：null        clearForm            表示如果表單提交成功是否清除表單數(shù)據(jù)。默認(rèn)值：null        resetForm            表示如果表單提交成功是否進(jìn)行重置。默認(rèn)值: null

jquery.form插件還提供了formToArray()、formSerialize()、fieldSerialize()、fieldValue()、clearForm()、clearFields() 和 resetForm()等方法。通常我們可以使用表單驗證插件和jquery.form插件一起使用，效果更好。

感謝各位的閱讀，以上就是“Ajax表單插件jqueryform的使用”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對Ajax表單插件jqueryform的使用這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司，，小編將為大家推送更多相關(guān)知識點的文章，歡迎關(guān)注！

當(dāng)前名稱：Ajax表單插件jqueryform的使用-創(chuàng)新互聯(lián)
標(biāo)題網(wǎng)址：http://muchs.cn/article16/ddosdg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站制作、外貿(mào)網(wǎng)站建設(shè)、網(wǎng)站內(nèi)鏈、網(wǎng)站營銷、營銷型網(wǎng)站建設(shè)、微信小程序

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)

外貿(mào)網(wǎng)站建設(shè)