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区别

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使用讲解,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • jQuery实现计算器功能

    jQuery实现计算器功能

    这篇文章主要为大家详细介绍了jQuery实现计算器功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-10-10
  • jquery使用slideDown实现模块缓慢拉出效果的方法

    jquery使用slideDown实现模块缓慢拉出效果的方法

    这篇文章主要介绍了jquery使用slideDown实现模块缓慢拉出效果的方法,涉及slideDown方法操作模块展示效果的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-03-03
  • JQuery Tips(4) 一些关于提高JQuery性能的Tips

    JQuery Tips(4) 一些关于提高JQuery性能的Tips

    如今咱祖国已经崛起了..电脑的配置也是直线上升.可是js的性能问题依然不可小觑..尤其在万恶的IE中..js引擎速度本来就慢..如果JS如果再写不好,客户端多开几个窗口假死肯定是家常便饭了.废话不说了,下面说说js性能提升的一些小Tips.
    2009-12-12
  • 用jquery统计子菜单的条数示例代码

    用jquery统计子菜单的条数示例代码

    统计子菜单条数的方法有很多,在本文为大家详细介绍下使用jquery是如何实现的,感兴趣的朋友不要错过
    2013-10-10
  • 基于jQuery日历插件制作日历

    基于jQuery日历插件制作日历

    这篇文章主要介绍了基于jQuery日历插件制作日历的相关资料,需要的朋友可以参考下
    2016-03-03
  • js/jquery判断浏览器的方法小结

    js/jquery判断浏览器的方法小结

    在网站前端开发中,浏览器兼容性是前端开发框架要解决的第一个问题,要解决兼容性问题就得首先准确判断出浏览器的类型及其版本,而判断浏览器的版本一般只能通过分析浏览器的userAgent才能知道.今天我们把各种判断方法都总结一下,希望对大家有所帮助
    2014-09-09
  • jquery中eq和get的区别与使用方法

    jquery中eq和get的区别与使用方法

    相信大部份人都会把这2个的用法搞错。仔细查看下API文档就可以知道。eq返回的是一个jquery对象,get返回的是一个html 对象数组。
    2011-04-04
  • jqGrid增加时--判断开始日期与结束日期(实例解析)

    jqGrid增加时--判断开始日期与结束日期(实例解析)

    jqGrid增加时--判断开始日期与结束日期(实例代码)。需要的朋友可以过来参考下,希望对大家有所帮助
    2013-11-11
  • 适用于手机端的jQuery图片滑块动画

    适用于手机端的jQuery图片滑块动画

    这篇文章主要为大家分享了适应手机端的jQuery图片滑块动画,不仅在PC浏览器上可以使用,而且更适合在手机端的网页中使用,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12
  • 整理8个很棒的 jQuery 倒计时插件和教程

    整理8个很棒的 jQuery 倒计时插件和教程

    jQuery 是最流行也是使用最广泛的 JavaScript 框架,它简化了 HTML 文档操作,事件处理,动画效果和 Ajax 交互。下面向大家分享8个优秀的 jQuery 倒计时插件和教程
    2011-12-12

最新评论