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 相关文章推荐
用JQuery 实现AJAX加载XML并解析的脚本
Jul 25 Javascript
不要在cookie中使用特殊字符的原因分析
Jul 13 Javascript
jQuery EasyUI API 中文文档 DateTimeBox日期时间框
Oct 16 Javascript
treepanel动态加载数据实现代码
Dec 15 Javascript
加载远程图片时,经常因为缓存而得不到更新的解决方法(分享)
Jun 26 Javascript
JQuery中使用Ajax赋值给全局变量异常的解决方法
Jan 10 Javascript
jQuery对象的length属性用法实例
Dec 27 Javascript
Dropzone.js实现文件拖拽上传功能(附源码下载)
Nov 22 Javascript
js实现网页定位导航功能
Mar 07 Javascript
JavaScript实现省市联动过程中bug的解决方法
Dec 04 Javascript
vue3.0 CLI - 2.4 - 新组件 Forms.vue 中学习表单
Sep 14 Javascript
google广告之另类js调用实现代码
Aug 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
php文章内容分页并生成相应的htm静态页面代码
2010/06/07 PHP
php开发留言板的CRUD(增,删,改,查)操作
2012/04/19 PHP
php字符编码转换之gb2312转为utf8
2013/10/28 PHP
实例介绍PHP的Reflection反射机制
2014/08/05 PHP
PHP获取毫秒级时间戳的方法
2015/04/15 PHP
利用PHP fsockopen 模拟POST/GET传送数据的方法
2015/09/22 PHP
yii2实现根据时间搜索的方法
2016/05/25 PHP
Laravel6.18.19如何优雅的切换发件账户
2020/06/14 PHP
php实现商城购物车的思路和源码分析
2020/07/23 PHP
JS 判断undefined的实现代码
2009/11/26 Javascript
javascript一些实用技巧小结
2011/03/18 Javascript
js单向链表的具体实现实例
2013/06/21 Javascript
防止登录页面出现在frame中js代码
2014/07/22 Javascript
jQuery validate插件submitHandler提交导致死循环解决方法
2016/01/21 Javascript
JavaScript判断表单为空及获取焦点的方法
2016/02/12 Javascript
jQuery基于muipicker实现仿ios时间选择
2016/02/22 Javascript
关于javascript获取内联样式与嵌入式样式的实例
2017/06/01 Javascript
React学习之事件绑定的几种方法对比
2017/09/24 Javascript
Vuejs+vue-router打包+Nginx配置的实例
2018/09/20 Javascript
vue 验证码界面实现点击后标灰并设置div按钮不可点击状态
2019/10/28 Javascript
python logging类库使用例子
2014/11/22 Python
Python如何实现MySQL实例初始化详解
2017/11/06 Python
在Python中获取两数相除的商和余数方法
2018/11/10 Python
基于Numpy.convolve使用Python实现滑动平均滤波的思路详解
2019/05/16 Python
使用Python进行防病毒免杀解析
2019/12/13 Python
Python自动采集微信联系人的实现示例
2020/02/28 Python
HTML5之web workers_动力节点Java学院整理
2017/07/17 HTML / CSS
Html5定位终极解决方案
2020/02/05 HTML / CSS
西班牙英格列斯百货英国官网:El Corte Inglés英国
2017/10/30 全球购物
伦敦的高级牛仔布专家:Trilogy
2018/08/06 全球购物
Liu Jo西班牙官网:意大利服装品牌
2019/09/11 全球购物
青年文明号复核材料
2014/02/11 职场文书
挂牌仪式主持词
2014/03/20 职场文书
情况说明书格式及范文
2019/06/24 职场文书
Python requests用法和django后台处理详解
2022/03/19 Python
Python读写yaml文件
2022/03/20 Python