欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jQuery中的AjaxSubmit使用講解

 更新時間:2016年09月25日 11:00:40   作者:郝世海  
最近使用ajaxform有點頻繁,今天小編抽時間給大家記錄下有關jquery中的ajaxSubmit使用講解的知識,非常不錯,感興趣的朋友參考下吧

最近在使用ajaxForm,隨便把使用方法記下下來,以便以后回顧。

1 ,引入依賴腳本

<script type="text/javascript" src="/js/jquery/jquery.form.js"></script> //ajaxForm 依賴腳本
<script type="text/javascript" src="/js/jquery/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="/js/jquery/jquery.easyui.min.js"></script>

2 使用方法

<form name="testForm" id="testForm" >
<input type="button" value="submit"/>
</form>
<script type="text/javascript">
var ajax_option={
url:"login",//默認是form action
success:function(data){
}
$('#testForm').ajaxSubmit(ajax_option);
}
</script>
//注意$("#testForm") 引號中名稱必須要和form元素id值要保持一致

3 ajaxSubmit 和ajaxForm區(qū)別

ajaxForm不能提交表單。在document的ready函數中,使用ajaxForm來為AJAX提交表單進行準備。提交動作必須由submit開始

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

4 option的參數

var options = { 
target: '#output1', // target element(s) to be updated with server response 
beforeSubmit: showRequest, // pre-submit callback 
success: showResponse // post-submit callback 
// other available options: 
//url: url // override for form's 'action' attribute 
//type: type // 'get' or 'post', override for form's 'method' attribute 
//dataType: null // 'xml', 'script', or 'json' (expected server response type) 
//clearForm: true // clear all form fields after successful submit 
//resetForm: true // reset the form after successful submit 
// $.ajax options can be used here too, for example: 
//timeout: 3000 
};

以上所述是小編給大家介紹的jQuery中的AjaxSubmit使用講解,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持!

相關文章

  • 解決IE7中使用jQuery動態(tài)操作name問題

    解決IE7中使用jQuery動態(tài)操作name問題

    IE7中無法使用Jquery動態(tài)操作頁面元素的name屬性,怎么解決這個問題呢?下面小編給大家?guī)砹私鉀QIE7中使用jQuery動態(tài)操作name問題,需要的朋友參考下吧
    2017-08-08
  • jQuery實現的簡單對話框拖動功能示例

    jQuery實現的簡單對話框拖動功能示例

    這篇文章主要介紹了jQuery實現的簡單對話框拖動功能,涉及jQuery事件響應、數值運算及頁面元素屬性動態(tài)操作相關實現技巧,需要的朋友可以參考下
    2018-06-06
  • EasyUI在表單提交之前進行驗證的實例代碼

    EasyUI在表單提交之前進行驗證的實例代碼

    這篇文章主要介紹了EasyUI在表單提交之前進行驗證的實例代碼的相關資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下
    2016-06-06
  • jquery簡單插件制作(fn.extend)完整實例

    jquery簡單插件制作(fn.extend)完整實例

    這篇文章主要介紹了jquery簡單插件制作(fn.extend)方法,結合完整實例形式分析了jQuery fn.extend擴展插件的實現技巧,需要的朋友可以參考下
    2016-05-05
  • jQuery獲取樣式中的背景顏色屬性值/顏色值

    jQuery獲取樣式中的背景顏色屬性值/顏色值

    天使用jQuery獲取樣式中的background-color的值時發(fā)現在獲取到的顏色值在IE中與Chrome、Firefox顯示的格式不一樣,IE中是以HEX格式顯示#ffff00,而Chrome、Firefox中則是以GRB格式顯示rgb(255,0,0),由于需要將顏色值存儲到數據庫中,所以想讓顏色值的格式統(tǒng)一下(其實不統(tǒng)一也是可以存的)。搜索了一下,從國外的一個網站上得到一段代碼
    2012-12-12
  • 多功能jQuery樹插件zTree實現權限列表簡單實例

    多功能jQuery樹插件zTree實現權限列表簡單實例

    這篇文章主要介紹了多功能jQuery樹插件zTree實現權限列表簡單實例,優(yōu)異的性能、靈活的配置、多種功能的組合,是樹插件zTree最大的優(yōu)勢,感興趣的小伙伴們可以參考一下
    2016-07-07
  • jQuery實現的checkbox級聯選擇下拉菜單效果示例

    jQuery實現的checkbox級聯選擇下拉菜單效果示例

    這篇文章主要介紹了jQuery實現的checkbox級聯選擇下拉菜單效果,涉及jQuery鼠標事件響應及表格table動態(tài)操作的相關技巧,需要的朋友可以參考下
    2016-12-12
  • 基于jQuery使用Ajax動態(tài)執(zhí)行模糊查詢功能

    基于jQuery使用Ajax動態(tài)執(zhí)行模糊查詢功能

    這篇文章主要介紹了基于jQuery使用Ajax動態(tài)執(zhí)行模糊查詢功能,通過實例代碼相結合的形式給大家介紹的非常詳細,具有一定的參考借鑒價值,需要的朋友可以參考下
    2018-07-07
  • jQuery使用contains過濾器實現精確匹配方法詳解

    jQuery使用contains過濾器實現精確匹配方法詳解

    這篇文章主要介紹了jQuery使用contains過濾器實現精確匹配的方法,結合實例形式分析了contains過濾器的具體使用技巧,需要的朋友可以參考下
    2016-02-02
  • jQuery操作input type=radio的實現代碼

    jQuery操作input type=radio的實現代碼

    jQuery操作input type=radio的實現代碼,需要的朋友可以參考下
    2012-06-06

最新評論