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 相关文章推荐
js 事件小结 表格区别
Aug 13 Javascript
玩转jQuery按钮 请告诉我你最喜欢哪些?
Jan 08 Javascript
简单的jquery左侧导航栏和页面选中效果
Aug 21 Javascript
莱鸟介绍javascript onclick事件
Jan 06 Javascript
由浅入深剖析Angular表单验证
Jul 14 Javascript
JavaScript中的call和apply的用途以及区别
Jan 11 Javascript
解决AngualrJS页面刷新导致异常显示问题
Apr 20 Javascript
聊聊那些使用前端Javascript实现的机器学习类库
Sep 18 Javascript
vue对storejs获取的数据进行处理时遇到的几种问题小结
Mar 20 Javascript
JavaScript字符串转数字的5种方法及遇到的坑
Jul 16 Javascript
vue-router的hooks用法详解
Jun 08 Javascript
javascript实现电商放大镜效果
Nov 23 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
在线竞拍系统的PHP实现框架(一)
2006/10/09 PHP
PHP利用APC模块实现文件上传进度条的方法
2015/01/26 PHP
PHP实现过滤掉非汉字字符只保留中文字符
2015/06/04 PHP
深入php内核之php in array
2015/11/10 PHP
jQuery 解析xml文件
2009/08/09 Javascript
关于js日期转化为毫秒数“节省20%的效率和和节省9个字符“问题
2012/03/01 Javascript
javascript 事件处理、鼠标拖动效果实现方法详解
2012/05/11 Javascript
JS判断字符串长度的5个方法(区分中文和英文)
2014/03/18 Javascript
JavaScript实现自动消除按钮功能的方法
2015/08/05 Javascript
js复制内容到剪贴板代码,js复制代码的简单实例
2016/10/27 Javascript
easyUI实现(alert)提示框自动关闭的实例代码
2016/11/07 Javascript
js实现功能比较全面的全选和多选
2017/03/02 Javascript
angularJS之$http:与服务器交互示例
2017/03/17 Javascript
JS动态添加的div点击跳转到另一页面实现代码
2017/09/30 Javascript
vue用Object.defineProperty手写一个简单的双向绑定的示例
2018/07/09 Javascript
layer实现登录弹框,登录成功后关闭弹框并调用父窗口的例子
2019/09/11 Javascript
Python中的进程分支fork和exec详解
2015/04/11 Python
python编程实现希尔排序
2017/04/13 Python
使用Django启动命令行及执行脚本的方法
2018/05/29 Python
python 自动去除空行的实例
2018/07/24 Python
在PyCharm中控制台输出日志分层级分颜色显示的方法
2019/07/11 Python
Django Rest framework三种分页方式详解
2019/07/26 Python
Python 3.8正式发布,来尝鲜这些新特性吧
2019/10/15 Python
Python 一行代码能实现丧心病狂的功能
2020/01/18 Python
详解python itertools功能
2020/02/07 Python
Python搭建Keras CNN模型破解网站验证码的实现
2020/04/07 Python
基于jupyter代码无法在pycharm中运行的解决方法
2020/04/21 Python
selenium如何定位span元素的实现
2021/01/13 Python
法律进企业活动方案
2014/03/04 职场文书
《白鹅》教学反思
2014/04/13 职场文书
学习“七一”讲话精神体会
2014/07/08 职场文书
导游词之湖州-太湖
2019/10/11 职场文书
读《钢铁是怎样炼成的》有感:百炼方成钢
2019/11/05 职场文书
如何用JS实现网页瀑布流布局
2021/04/24 Javascript
JavaScript模拟实现网易云轮播效果
2022/04/04 Javascript
详解MongoDB排序时内存大小限制与创建索引的注意事项
2022/05/06 MongoDB