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 相关文章推荐
Ruffy javascript 学习笔记
Nov 30 Javascript
jQuery页面图片伴随滚动条逐渐显示的小例子
Mar 21 Javascript
jQuery实现随意改变div任意属性的名称和值(部分原生js实现)
May 28 Javascript
非常漂亮的JS+CSS图片幻灯切换特效
Nov 20 Javascript
JavaScript实现图片DIV竖向滑动的方法
Apr 25 Javascript
javascript常用的方法整理
Aug 20 Javascript
JS实现获取键盘按下的按键并显示在页面上的方法
Nov 04 Javascript
JS实现仿UC浏览器前进后退效果的实例代码
Jul 17 Javascript
jQuery实现的简单图片轮播效果完整示例
Feb 08 jQuery
JavaScript实现的反序列化json字符串操作示例
Jul 18 Javascript
对Vue table 动态表格td可编辑的方法详解
Aug 28 Javascript
js验证身份证号码记录的方法
Apr 26 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下MYSQL limit的优化
2008/01/10 PHP
php读取javascript设置的cookies的代码
2010/04/12 PHP
php检索或者复制远程文件的方法
2015/03/13 PHP
Laravel框架运行出错提示RuntimeException No application encryption key has been specified.解决方法
2019/04/02 PHP
轻松创建nodejs服务器(2):nodejs服务器的构成分析
2014/12/18 NodeJs
PhotoShop给图片自动添加边框及EXIF信息的JS脚本
2015/02/15 Javascript
Angular中$compile源码分析
2016/01/28 Javascript
微信小程序 wx.request(接口调用方式)详解及实例
2016/11/23 Javascript
jQuery源码分析之init的详细介绍
2017/02/13 Javascript
Node.js实现注册邮箱激活功能的方法示例
2018/03/23 Javascript
Vue项目中如何引入icon图标
2018/03/28 Javascript
小程序组件之仿微信通讯录的实现代码
2018/09/12 Javascript
Node+OCR实现图像文字识别功能
2018/11/26 Javascript
微信小程序实现购物页面左右联动
2019/02/15 Javascript
js+canvas实现五子棋小游戏
2020/08/02 Javascript
基于Vue全局组件与局部组件的区别说明
2020/08/11 Javascript
JavaScript Image对象实现原理实例解析
2020/08/26 Javascript
python监控网卡流量并使用graphite绘图的示例
2014/04/27 Python
在RedHat系Linux上部署Python的Celery框架的教程
2015/04/07 Python
Python中用于去除空格的三个函数的使用小结
2015/04/07 Python
Python爬虫中urllib库的进阶学习
2018/01/05 Python
python实现通过队列完成进程间的多任务功能示例
2019/10/28 Python
Python API 操作Hadoop hdfs详解
2020/06/06 Python
Pycharm-community-2020.2.3 社区版安装教程图文详解
2020/12/08 Python
css3加js做一个简单的3D行星运转效果实例代码
2017/01/18 HTML / CSS
尼克松手表官网:Nixon手表
2019/03/17 全球购物
设计模式的基本要素是什么
2014/04/21 面试题
家具促销活动方案
2014/02/16 职场文书
2014年元旦联欢会活动策划方案
2014/02/16 职场文书
网络研修随笔感言
2014/02/17 职场文书
女生节标语
2014/06/26 职场文书
走进敬老院活动总结
2014/07/10 职场文书
2015新年寄语大全
2014/12/08 职场文书
三八节祝酒词
2015/08/11 职场文书
大学宣传委员竞选稿
2015/11/19 职场文书
spring cloud gateway中如何读取请求参数
2021/07/15 Java/Android