- 浏览: 499524 次
- 性别:
- 来自: 上海
文章分类
- 全部博客 (241)
- Jscript笔记 (23)
- sql (8)
- jQuery (23)
- css (2)
- jQuery.form (2)
- struts2 (3)
- 数据库字符集 (3)
- Java (15)
- Oracle (2)
- DB2 (4)
- ResourceBundle (1)
- Exception (7)
- Windows (2)
- 数据库 (18)
- JSP (2)
- jstree (3)
- datatable (9)
- bootstrap-switch (1)
- select2 (3)
- Java.tree (1)
- JSF2 (1)
- Bootstrap (1)
- Eclipse (13)
- SVN (3)
- Eclipse插件 (5)
- myeclipse (1)
- ajax (1)
- JBOSS (2)
- data storage (1)
- Apache tiles (1)
- springMVC (15)
- mybatis (6)
- AngularJS (13)
- checkbox (1)
- J2EE (1)
- SecureCRT (7)
- tomcat (4)
- Maven (3)
- log4j (3)
- Xshell (1)
- 工具应用 (5)
- spring (12)
- Apache (5)
- books (1)
- fastjson (1)
- Standard (1)
- Mysql (1)
- MAC (1)
- Charles (1)
- LINUX (1)
- 日常开发ISSUE (0)
最新评论
-
yuchangcheng:
直接把代码 上传上来吧 这样看的很吃力呀
mybatis generator 的复合查询 -
zzd0058:
我表示报400错误
SpringMVC接收复杂集合参数 -
lihaiming:
影非弦 写道没有这个页面详细的文件么?文档地址:https:/ ...
select2.js使用 -
影非弦:
没有这个页面详细的文件么?
select2.js使用 -
影非弦:
这个select.min.css是select2提供的样式文件 ...
select2.js使用
表单提交方式:
以下是ajaxform的传送门,有兴趣可以看下
http://plugins.jquery.com/form/
doc
http://jquery.malsup.com/form/#ajaxForm
//ajaxSubmit var options ={ url:'xxxx.action', type:'post', data:null, success:function(data){ if(data.statusCode=="OK") { }else{ } } }; var form =$("form[name=form1]");//form1:表单ID 在表单界面只用这一个表单ID form.ajaxSubmit(options); //ajax方式 $.ajax({ cache: true, type: "POST", url:ajaxCallUrl, data:$('#yourformid').serialize(),// 你的formid async: false, error: function(request) { alert("Connection error"); }, success: function(data) { $("#commonLayout_appcreshi").parent().html(data); } }); //可以用load来post 整个form,用serialArray(),如: $('#submit_button').click(function(event) { $(this.form).load( this.form.action, $(this.form).serializeArray()); event.preventDefault(); this.disabled = "disabled"; });
以下是ajaxform的传送门,有兴趣可以看下
http://plugins.jquery.com/form/
doc
http://jquery.malsup.com/form/#ajaxForm
发表评论
-
jquery取checkbox值
2015-10-23 19:04 563百度搜索到jquery Checkbox条记录就是这个连接, ... -
JSONP一例
2015-10-12 21:56 681Html代码 $.ajax({ ... -
使用jquery操作session方法分享
2015-03-18 14:21 1815本文给大家分享了一个jQuery操作session的插件jQ ... -
jQuery插件开发全解析,类级别与对象级别开发
2015-01-28 19:12 612jQuery插件的开发包括两 ... -
jquery.validate.js使用之自定义表单验证规则
2015-01-28 11:24 675<pre> jquery.validat ... -
jquery validate日期与身份证验证实例
2015-01-28 10:07 1728[导读] jquery validate日期与身份证验证实例 ... -
jquery.cookie() 方法的使用(读取、写入、删除)
2015-01-27 17:06 812jquery.cookie() 方法:一个轻量级的cooki ... -
封装jQuery Validate扩展验证方法
2015-01-26 16:07 911一、封装自定义验证方法-validate-methods.j ... -
jQuery中 trigger() 使用心得
2015-01-21 15:12 790trigger() 触发事件 触发事件就是 类似于点击cl ... -
JQuery获取和设置Select选项方法
2015-01-20 20:44 892JQuery获取和设置Select选项 获取Sele ... -
jQuery数组处理汇总
2015-01-20 18:40 822有段时间没写什么了, 打算把jquery中的比较常用的数组处 ... -
jquery.multi-select.js操作
2015-01-14 17:15 886$('#searchCity').multi ... -
slimScroll滚动条
2015-01-09 15:15 984//一直显示滚动条 $('#testDiv4').sli ... -
Jquery跳出each循环
2015-01-09 09:59 817//jquery each循环,要实现break和cont ... -
Ajax表单提交插件jquery form
2014-12-18 14:16 998jQuery Form插件是一个优秀的Ajax表单插件,我 ... -
jquery插件 Datatables,的 fnDraw()方法怎么使用
2014-12-09 11:53 3196jquery插件 Datatables,的 fnDraw()方 ... -
使用Jquery获取带特殊符号的ID 标签的方法
2014-11-27 17:40 981使用Jquery 如何获取带特殊符号的ID 标签 . 代码如下 ... -
10 款高质量的jQuery 表单验证插件
2011-12-19 15:44 1139本文整理了几款高质量的jQuery表单验证插件,可以节约we ... -
position定位的相关知识
2011-12-19 15:39 1569在给元素定位之前, ... -
jQuery技巧总结(转)
2011-12-19 14:20 864一、简介 1.1、概述 随着WEB2.0及ajax ...
相关推荐
jQuery.form插件正是为了满足这种需求而设计的,它扩展了jQuery库,使表单异步提交变得更加简单、灵活且强大。本文将详细介绍如何使用jQuery.form插件,实现完美的表单异步提交。 首先,我们需要了解jQuery.form...
本项目以"Jquery实现表单异步提交"为主题,通过一个名为"ajaxJquerySubmit"的示例,详细展示了如何在Java Web环境中运用jQuery来实现这一功能。 首先,jQuery是一个强大的JavaScript库,它简化了DOM操作、事件处理...
在这个“boa cgi的ajax表单异步提交”示例中,我们将探讨以下几个关键知识点: 1. ** boa HTTP服务器**:Boa是一个轻量级的HTTP服务器,适合资源有限的嵌入式系统。它支持基本的HTTP功能,如GET和POST请求,以及...
这里我们将详细探讨异步提交的核心概念、工作原理以及如何使用Ajax进行表单异步提交。 ### 1. 异步提交简介 异步提交是基于HTTP的异步通信技术,主要通过JavaScript来实现。它使得前端与后端服务器之间的数据交换...
jquery.form.js是一款jquery插件,通过该插件并配合jquery-3.3.1.js强大的选择器功能,我们可以非常简单的实现表单的异步提交,并实现文件上传、进度条显示等等,我曾使用两者配合异步实现图片的上传及回显等功能。
在这个框架中,表单提交和异步提交是两种重要的用户交互方式。本文将深入探讨这两种方法及其在实际开发中的应用。 首先,我们来看传统的表单提交。在ASP.NET MVC3中,表单提交是基于HTTP协议的POST或GET请求。当你...
在Web开发中,jQuery是一...总的来说,jQuery的表单异步提交功能极大地提高了Web应用的交互性,使得用户无需等待页面刷新即可完成数据的提交和处理。通过熟练掌握这一技术,开发者可以创建更加流畅、响应式的网页应用。
使用jQuery选择器选取你要进行异步提交的表单: ```javascript var form = $('#myForm'); ``` 2. **初始化插件** 接下来,调用`ajaxForm`或`ajaxSubmit`方法初始化插件: ```javascript form.ajaxForm(options);...
在使用jQuery处理表单提交时,异步提交和跨域提交是常见的需求,本篇文章将详细介绍如何利用jQuery实现这两种表单提交方式。 ### jQuery下异步提交表单 异步提交表单指的是在不刷新页面的情况下,通过JavaScript...
本文将深入探讨“jQuery异步提交form表单”这一主题,结合给出的标签“源码”和“工具”,我们将分析相关源码,并提供实际应用中的指导。 在传统的HTML表单提交过程中,页面会跳转到服务器返回的结果页面,这在用户...
在Java开发中,异步提交表单请求是一种常见的前端与后端交互方式,它通过Ajax技术实现,使得用户无需等待整个页面刷新即可完成数据的提交和获取,提升了用户体验。Ajax,全称Asynchronous JavaScript and XML(异步...
AjaxForm是基于jQuery库的一个插件,它简化了表单的异步提交过程,支持多种类型的文件上传,包括图片。 使用ajaxForm的步骤如下: 1. **引入jQuery和ajaxForm插件**:确保在HTML文件中引入jQuery库和ajaxForm插件...
### AJAX异步提交表单知识点解析 #### 一、AJAX技术概述 AJAX(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。通过在后台与服务器进行少量数据交换,AJAX可以...
### EXT异步提交FORM表单知识点详解 #### 一、EXT异步提交FORM表单概述 在现代Web应用开发中,异步提交表单是一种常见的技术手段,它能够提升用户体验,减少页面刷新带来的数据丢失风险,并能有效提高系统的响应...
jquery.form.js 无刷新异步提交表单js文件 /** * jQuery Form Plugin * version: 3.51.0-2014.06.20 * Requires jQuery v1.5 or later * Copyright (c) 2014 M. Alsup **/
3. **利用Ajax异步提交**:通过Ajax提交表单,可以在后台处理完数据后再更新页面状态,这样用户不会看到页面刷新,也就无法再次提交。在`success`回调中,可以重置表单或恢复提交按钮的状态。 4. **页面跳转或显示...
5. **伪Ajax(Pseudo-AJAX)**:尽管这种异步提交方式不是真正的Ajax(因为没有使用XMLHttpRequest),但它实现了类似的效果,即用户提交表单后,页面不会刷新,而是等待后台的响应。在等待期间,可以显示加载动画或...
异步表单提交插件,MVC模式下,可以异步提交指定表单信息,虽然MVC自带有表单提交功能,但是那个是不能提交图片等文件信息的,但是这个JQ可以做到!