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 相关文章推荐
Google Map Api和GOOGLE Search Api整合实现代码
Jul 18 Javascript
jQuery对象与DOM对象之间的转换方法
Apr 15 Javascript
深入理解JavaScript高级之词法作用域和作用域链
Dec 10 Javascript
判断一个对象是否为jquery对象的方法
Mar 12 Javascript
JavaScript的原型继承详解
Feb 15 Javascript
js实现文件上传表单域美化特效
Nov 02 Javascript
微信小程序 开发工具快捷键整理
Oct 31 Javascript
详解Vue双向数据绑定原理解析
Sep 11 Javascript
100行代码实现一个vue分页组功能
Nov 06 Javascript
微信小程序合法域名配置方法
May 06 Javascript
微信小程序授权登陆及每次检查是否授权实例代码
Sep 18 Javascript
node.js使用yargs处理命令行参数操作示例
Feb 11 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
Optimizer与Debugger兼容性问题的解决方法
2008/12/01 PHP
PHP学习笔记之二 php入门知识
2011/01/12 PHP
19个超实用的PHP代码片段
2014/03/14 PHP
php中mysql连接方式PDO使用详解
2015/02/25 PHP
PHP生成plist数据的方法
2015/06/16 PHP
原生js 秒表实现代码
2012/07/24 Javascript
js判断两个日期是否相等的方法
2013/09/10 Javascript
JavaScript获取表单enctype属性的方法
2015/04/02 Javascript
jquery实现可点击伸缩与展开的菜单效果代码
2015/08/31 Javascript
angularjs学习笔记之双向数据绑定
2015/09/26 Javascript
使用CSS+JavaScript或纯js实现半透明遮罩效果的实例分享
2016/05/09 Javascript
javascript特效实现——当前时间和倒计时效果的简单实例
2016/07/20 Javascript
BootstrapValidator不触发校验的实现代码
2016/09/28 Javascript
AngularJS路由切换实现方法分析
2017/03/17 Javascript
微信小程序 开发MAP(地图)实例详解
2017/06/27 Javascript
深入理解Vue.js轻量高效的前端组件化方案
2018/12/10 Javascript
微信小程序实现九宫格抽奖
2020/04/15 Javascript
浅谈Vue组件单元测试究竟测试什么
2020/02/05 Javascript
python实现的简单猜数字游戏
2015/04/04 Python
Python Matplotlib库入门指南
2015/05/18 Python
PyQt5 pyqt多线程操作入门
2018/05/05 Python
如何利用Python开发一个简单的猜数字游戏
2019/09/22 Python
基于Python实现视频的人脸融合功能
2020/06/12 Python
Python实现数字的格式化输出
2020/08/01 Python
Opencv+Python识别PCB板图片的步骤
2021/01/07 Python
美国床垫和床上用品公司:Nest Bedding
2017/06/12 全球购物
Agoda台湾官网:国内外订房2折起
2018/03/20 全球购物
硕士研究生求职自荐信范文
2014/03/11 职场文书
宣传保护环境的公益广告词
2014/03/13 职场文书
党的群众路线教育实践活动查摆问题自查报告
2014/10/10 职场文书
工程部岗位职责
2015/02/10 职场文书
《成长的天空》读后感3篇
2019/12/06 职场文书
Python利器openpyxl之操作excel表格
2021/04/17 Python
Java Socket实现Redis客户端的详细说明
2021/05/26 Redis
Pygame如何使用精灵和碰撞检测
2021/11/17 Python
Python Django项目和应用的创建详解
2021/11/27 Python