日期:2012-5-23 来源:GBin1.com
在线演示
本地下载
今天我们介绍一个非常方便将传动表单递交方式自动转化为AJAX递交方式的jQuery插件 - ALAJAX
,使用这个插件可以有效的帮助你把一些不支持AJAX的遗留系统快速的转化为支持AJAX的应用。而且不要求你有任何编程技巧,只需要添加一段简单的javascript即可。
主要特性
- 自动为表单form添加AJAX功能
- 不需要任何编程
- 即使是动态生成的表单也可以很好的工作
- 轻量级(3kb)
- 很容易理解,并且修改简单
- 非常适合web开发人员和设计人员
如何使用
倒入jQuery和插件类库,如下:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="js/alajax-1.0.js"></script>
然后将插件应用到需要AJAX支持的表单ID ,如下:
$(document).ready(function (){
$("#ID").alajax();
})
#ID是表单的ID或者是DIV的ID。
是不是很简单, 请大家使用我们提供的在线演示查看效果。点击”Make it ajax“后,大家会看到表单不再直接递交到后台action url,而 是通过ajax方式隐藏递交,如果你使用Firefox的debug功能,可以看到如下:
希望大家喜欢我们的推荐,如果你有任何问题,请给我们留言,谢谢!
来源:分享一个快速将传统表单转化为AJAX支持的表单的jQuery插件 - ALAJAX
分享到:
相关推荐
Ajax表单提交插件jquery form
jQuery check_expression表单验证插件,它是基于jQuery类库,实现了js脚本于页面html代码的分离。你可以划分多个校验组,每个组的校验...对一个表单对象,你只需要写一行代码就可以轻松实现无数种(理论上)脚本控制。
jQuery Form Plugin能够让你简洁的将以HTML形式提交的表单升级成采用AJAX技术提交的表单。 插件里面主要的方法, ajaxForm和ajaxSubmit,能够从form组件里采集信息确定如何处理表单的提交过程。 两个方法都支持众多的...
JavaScript/CSS/DOM基础 第0课 - 内容概述 - [精通JavaScript+jQuery] 第1课 - JavaScript背景知识-[精通JavaScript+jQuery] 第2课 - JavaScript基础 - [精通...第15课 - jQuery插件 - [精通JavaScript+jQuery]
vs2013 利用Ajax+Jquery实现异步进度条效果
对一个表单对象,你只需要写一行代码就可以轻松实现无数种(理论上)脚本控制。目前支持5种大的校验方式,分别是:inputValidator(针对input、textarea、select控件的字符长度、值范围、选择个数的控制)、...
Ajax-JQuery-JSON-Form-Binding.zip,用于将json数据绑定到表单的轻量级插件。对于使用ajax和具有大量字段的表单很有用。,ajax代表异步javascript和xml。它是多种web技术的集合,包括html、css、json、xml和...
jQuery一些表单实例打包,Ajax表单判断代码,锋利的JQuery一书里的随书实例: Demo 1 : form插件的使用--ajaxForm(). Demo 2 : form插件的使用---ajaxSubmit(). Demo 3 : form插件的使用--formSerialize()组装...
Aspnet-ASP.NET-Core-2-jQuery-Ajax-Modal-Form.zip,使用asp.net core 2 mvc jquery ajax bootstrap model formasp.net-core-2-jquery-ajax-model-form实现模式表单,asp.net是一个开源的web框架,用于使用.net构建...
// 需要指定两个属性 // - processData : false // - contentType : false $.ajax({ method : 'POST', url : '/ajax_Day5/datas03.php', data : fd, success : function (data) { console.log(data); }, ...
对一个表单对象,你只需要写一行代码就可以轻松实现无数种(理论上)脚本控制。插件支持6种大的校验方式,分别是:inputValidator(针对input、textarea、select控件的字符长度、值范围、选择个数的控制)、...
使用jQuery.form插件,实现完美的表单异步提交
该资源包含了一个使用jquery提交表单的代码,简单易懂,喜欢的下载。
jQuery Validation表单验证插件实例合集,是锋利的JQuery第七章中的一个典型实例,一步步向大家讲解如何使用基于jQuery的表单验证插件jquery.validate.js和jquery.validate.messages_cn.js的使用方法,一共包含了7个...
本人自己开发的jquery表单验证控件! 使用方便,样式美观,完全开源。...btnsubmit:可选 指定一个绑定提交事件的控件ID,如一个普通按钮或一个超链接,表单中的submit依然有效 其它具体使用方法,请参阅demo文件!
jQuery 增强形式一个干净的 jQuery 插件,用于快速 ajax 表单原型设计等等。凉亭安装要在不声明依赖项的情况下安装: bower install jquery-enhanced-form 如果您希望 Bower 自动将此依赖项添加到您的bower.json ,...
Validation Engine是一款基于Jquery的js表单验证插件。相对于之前的传统表单验证工具,其优点是自定义验证内容更广泛以及与AJAX的方便整合。
表单进行无刷新提交,ajax技术 if (!this.length) { log('ajaxSubmit: skipping submit process - no element selected'); return this; } var method, action, url, $form = this; if (typeof options == ...
jquery Ajax表单输入检测验证一例 jquery Ajax表单输入检测验证一例