Jquery 中 ajaxSubmit使用讲解 j-m 后台登录
2015-08-13 15:32
603 查看
最近在使用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 ajax请求后台 的简单例子
- jQuery插件手把手教会(一)
- 对于jQuery性能的一些优化建议
- jQuery库(noConflict)冲突解决机制
- 【jQuery】Jquery.cookie()
- jquery.Validation.js使用手册,案例Demo
- Jquery Web 前端验证框架插件,jquery-validate资料,validation
- jQuery.each方法
- 解析jquery获取父窗口的元素
- jquery关于select框的取值和赋值
- Jquery中animate可以操作css样式属性总结
- jQuery简要dom操作
- jQuery的mouseover和mouseout事件当快速移动 事件延迟触发问题
- Jquery 多选下拉列表插件jquery multiselect
- jQuery实现展开伸缩效果
- jquery处理innerText与textContent
- 详解JavaScript中jQuery和Ajax以及JSONP的联合使用
- 关于jquery中jQuery slideToggle() 方法实现的原理
- jQuery插件的开发
- Jquery 随笔记录