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

相关文章

  • 解决IE7中使用jQuery动态操作name问题

    解决IE7中使用jQuery动态操作name问题

    IE7中无法使用Jquery动态操作页面元素的name属性,怎么解决这个问题呢?下面小编给大家带来了解决IE7中使用jQuery动态操作name问题,需要的朋友参考下吧
    2017-08-08
  • jQuery实现的简单对话框拖动功能示例

    jQuery实现的简单对话框拖动功能示例

    这篇文章主要介绍了jQuery实现的简单对话框拖动功能,涉及jQuery事件响应、数值运算及页面元素属性动态操作相关实现技巧,需要的朋友可以参考下
    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的值时发现在获取到的颜色值在IE中与Chrome、Firefox显示的格式不一样,IE中是以HEX格式显示#ffff00,而Chrome、Firefox中则是以GRB格式显示rgb(255,0,0),由于需要将颜色值存储到数据库中,所以想让颜色值的格式统一下(其实不统一也是可以存的)。搜索了一下,从国外的一个网站上得到一段代码
    2012-12-12
  • 多功能jQuery树插件zTree实现权限列表简单实例

    多功能jQuery树插件zTree实现权限列表简单实例

    这篇文章主要介绍了多功能jQuery树插件zTree实现权限列表简单实例,优异的性能、灵活的配置、多种功能的组合,是树插件zTree最大的优势,感兴趣的小伙伴们可以参考一下
    2016-07-07
  • jQuery实现的checkbox级联选择下拉菜单效果示例

    jQuery实现的checkbox级联选择下拉菜单效果示例

    这篇文章主要介绍了jQuery实现的checkbox级联选择下拉菜单效果,涉及jQuery鼠标事件响应及表格table动态操作的相关技巧,需要的朋友可以参考下
    2016-12-12
  • 基于jQuery使用Ajax动态执行模糊查询功能

    基于jQuery使用Ajax动态执行模糊查询功能

    这篇文章主要介绍了基于jQuery使用Ajax动态执行模糊查询功能,通过实例代码相结合的形式给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    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

最新评论