国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

淺談jquery.form.js的ajaxSubmit和ajaxForm的使用

2019-11-20 09:02:18
字體:
供稿:網(wǎng)友

• 依賴的腳本文件

<script src="../Javascript/jquery-1.11.1.min.js" type="text/javascript"></script><script src="../Javascript/jquery.form.js" type="text/javascript"></script>

• ajaxSubmit 和ajaxForm區(qū)別

ajaxForm

ajaxForm()不能提交表單。在document的ready函數(shù)中,使用ajaxForm來為AJAX提交表單進(jìn)行準(zhǔn)備。提交動作必須由submit開始

ajaxForm()適用于以表單提交方式處理ajax技術(shù)(需要提供表單的action、id、 method,最好在表單中提供submit按鈕)它大大簡化了使用ajax技術(shù)提交表單時的數(shù)據(jù)傳遞問題,使用ajaxForm()你不需要逐個的以 JavaScript的方式獲取每個表單屬性的值,并且也不需要在請求路徑后面通過url重寫的方式傳遞數(shù)據(jù)。ajaxForm()會自動收集當(dāng)前表單中每個屬性的值,然后將其以表單提交的方式提交到目標(biāo)url。這種方式提交數(shù)據(jù)較安全,并且使用起來更簡單,不必寫過多冗余的JavaScript代碼

ajaxSubmit

ajaxSubmit()馬上由AJAX來提交表單。你可以在任何情況下進(jìn)行該項提交。

ajaxSubmit()適用于以事件的機(jī)制以ajax提交form表單(超鏈接、圖片的click事件),該方法作用與ajaxForm()類似,但它更為靈活,因?yàn)樗蕾囉谑录C(jī)制,只要有事件存在就能使用該方法。你只需指定該form的action屬性即可,不需要提供submit按鈕。

• 示例代碼

<!--HTML-->  <form id="form1" name="form1">    <input id="userName" name="userName" value="姓名" />    <input id="age" name="age" value="30" />    <input type="submit" value="submit" />  </form>  <input id="myButton" type="button" value="提交" />  <!--javascript-->  <script type="text/javascript">    var myData = {      "CnName": "周佳良",      "EnName":"zhoujl"    };    $(function () {      var ajaxFormOption = {        type: "post", //提交方式         dataType: "json", //數(shù)據(jù)類型         data: myData,//自定義數(shù)據(jù)參數(shù),視情況添加        url: "TestHandler.ashx?type=ajaxForm", //請求url         success: function (data) { //提交成功的回調(diào)函數(shù)           document.write("success");        }      };      //form中有submit按鈕――方式1      $("#form1").ajaxForm(ajaxFormOption);      //form中有submit按鈕――方式2      $("#form1").submit(function () {        $(this).ajaxSubmit(ajaxFormOption);        return false;      });      //不需要submit按鈕,可以是任何元素的click事件      $("#myButton").click(function () {        $("#form1").ajaxSubmit(ajaxFormOption);        return false;      });    });  </script>

以上這篇淺談jquery.form.js的ajaxSubmit和ajaxForm的使用就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持武林網(wǎng)。

發(fā)表評論 共有條評論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 襄城县| 朝阳市| 临夏市| 甘洛县| 栾川县| 太白县| 左云县| 酉阳| 股票| 中牟县| 沁源县| 满洲里市| 城口县| 康保县| 黑河市| 平谷区| 永仁县| 玉环县| 贵溪市| 陆良县| 柯坪县| 宜丰县| 古交市| 龙口市| 南京市| 桂林市| 辽阳市| 文成县| 沽源县| 绥阳县| 资中县| 黑河市| 滕州市| 余姚市| 保定市| 临颍县| 双城市| 澳门| 阿拉善右旗| 景宁| 临清市|