jQuery中的AjaxSubmit使用讲解


Posted in Javascript onSeptember 25, 2016

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

Javascript 相关文章推荐
ExtJs之带图片的下拉列表框插件
Mar 04 Javascript
JavaScript中URL编码函数代码
Jan 11 Javascript
读jQuery之九 一些瑕疵说明
Jun 21 Javascript
jquery 插件开发 extjs中的extend用法小结
Jan 04 Javascript
jQuery列表拖动排列具体实现
Nov 04 Javascript
JavaSacript中charCodeAt()方法的使用详解
Jun 05 Javascript
JavaScript实现的CRC32函数示例
Nov 23 Javascript
概述jQuery中的ajax方法
Dec 16 Javascript
JS拉起或下载app的实现代码
Feb 22 Javascript
Express框架之connect-flash详解
May 31 Javascript
JS中将多个逗号替换为一个逗号的实现代码
Jun 23 Javascript
chorme 浏览器记住密码后input黄色背景处理方法(两种)
Nov 22 Javascript
需要牢记的JavaScript基础知识
Sep 25 #Javascript
分享一个原生的JavaScript拖动方法
Sep 25 #Javascript
HTML中setCapture、releaseCapture 使用方法浅析
Sep 25 #Javascript
jQuery的deferred对象使用详解
Sep 25 #Javascript
简单谈谈Vue 模板各类数据绑定
Sep 25 #Javascript
D3.js实现直方图的方法详解
Sep 25 #Javascript
关于JS中二维数组的声明方法
Sep 24 #Javascript
You might like
为什么那些咖啡爱好者大多看不上连锁咖啡店?
2021/03/06 咖啡文化
一个ftp类(ini.php)
2006/10/09 PHP
PHP中显示格式化的用户输入
2006/10/09 PHP
PHP 高手之路(二)
2006/10/09 PHP
php 升级到 5.3+ 后出现的一些错误,如 ereg(); ereg_replace(); 函数报错
2015/12/07 PHP
Docker搭建自己的PHP开发环境
2018/02/24 PHP
PHP获取文件扩展名的常用方法小结【五种方式】
2018/04/27 PHP
初学JavaScript_03(ExtJs Grid的简单使用)
2008/10/02 Javascript
js 目录列举函数
2008/11/06 Javascript
javascript打开新窗口同时关闭旧窗口
2009/01/16 Javascript
基于jQuery的可以控制左右滚动及自动滚动效果的代码
2010/07/25 Javascript
js判断输入是否为正整数、浮点数等数字的函数代码
2010/11/17 Javascript
jquery1.5.1中根据元素ID获取元素对象的代码
2011/04/02 Javascript
JavaScript中使用Callback控制流程介绍
2015/03/16 Javascript
JavaScript控制网页层收起和展开效果的方法
2015/04/15 Javascript
js+html5通过canvas指定开始和结束点绘制线条的方法
2015/06/05 Javascript
jQuery Html控件基本操作(日常收集整理)
2016/03/11 Javascript
Javascript将数值转换为金额格式(分隔千分位和自动增加小数点)
2016/06/22 Javascript
js 能实现监听F5页面刷新子iframe 而父页面不刷新的方法
2016/11/09 Javascript
详解微信小程序——自定义圆形进度条
2016/12/29 Javascript
codeMirror插件使用讲解
2017/01/16 Javascript
Node.js常用工具之util模块
2017/03/09 Javascript
微信小程序getPhoneNumber获取用户手机号
2017/09/29 Javascript
面试题:react和vue的区别分析
2019/04/08 Javascript
vue 中的动态传参和query传参操作
2020/11/09 Javascript
Python help()函数用法详解
2014/03/11 Python
浅谈python中的getattr函数 hasattr函数
2016/06/14 Python
Python读写docx文件的方法
2018/05/08 Python
Python turtle库的画笔控制说明
2020/06/28 Python
聊聊python中的异常嵌套
2020/09/01 Python
利用三角函数在canvas上画虚线的方法
2018/01/11 HTML / CSS
小米官方旗舰店:Xiaomi
2020/08/07 全球购物
人力资源经理的岗位职责
2014/03/02 职场文书
坚守艰苦奋斗精神坚决反对享乐主义整改措施
2014/09/17 职场文书
Go timer如何调度
2021/06/09 Golang
MySQL表字段数量限制及行大小限制详情
2022/07/23 MySQL