文档章节

jquery 提交form表单

背起行囊去远行
 背起行囊去远行
发布于 2013/03/20 00:00
字数 162
阅读 550
收藏 10

这个其实挺简单的,只是一开始我想错了,一开始我打算用jQuery
+
jQuery.form
插件来做,其实不必的,只需要jQuery插件就可以了。首先,在jsp页面中导入jQuery


<script
type="text/javascript"
src="<%=request.getContextPath()%>/js/jquery-1.4.2.js"></script>然后在jQueryready方法中定义form提交时的动作就可以了,$(document).ready(function()
{


//
使用 jQuery 异步提交表单


$('#editRealMsgForm').submit(function()
{


jQuery.ajax({


url:
'editRealMsg.eri',


data:
$('#editRealMsgForm').serialize(),


type: "POST",


beforeSend:
function()


{


$('#submitButton').hide();


$('#editRealMsgImg').show();


},


success: function()


{


$('#editRealMsgImg').hide();


$('#modifyButton').show();


$('#realName').attr("disabled","true");


$('#tel').attr("disabled","true");


}


});


return false;


});


});


现在这个form就绑定好jQuery封装的异步提交
方法了,简单吧!

© 著作权归作者所有

背起行囊去远行
粉丝 3
博文 42
码字总数 58321
作品 0
常州
高级程序员
私信 提问
15 个非常有用的 jQuery 表单插件

有很多 jQuery 的表单插件。这里收集了其中15个是最有用的插件。 ALAJAX (Ajaxify your HTML form) 该插件可轻松将你的表单变成 Ajax 方式处理,阻止了提交动作,然后通过 Ajax 方式提交。 ...

oschina
2012/12/04
6.1K
13
jQuery ajax - serialize()方法以及常见问题

使用ajax时,常常需要拼装input数据为'name=abc&sex=1'这种形式,用JQuery的serialize方法可以轻松的完成这个工作! jQuery ajax - serialize() 方法定义和用法 serialize() 方法通过序列化表...

freedonn
2014/05/10
893
0
jQuery.form 提交表单的一个问题

我一般这样来用 jQuery 的表单插件,它会自动将表单中所有的域对应的值组合成参数并提交,同时也支持文件上传。 但是!Submit 按钮的值却没有被提交,假设表单中有一个 那么读取 Fuck 参数始...

红薯
2009/09/23
3.7K
2
自定义jQuery插件Step by Step

自定义jQuery插件Step by Step 1.1.1 摘要 随着前端和后端技术的分离,各大互联网公司对于Mobile First理念都是趋之若鹜的,为了解决网页在不同移动设备上的显示效果,其中一个解决方案就是R...

wolf_su
2013/07/04
236
0
ajax提交整个form表单

在项目开发中,有时提交form表单时不能单单用action或者jQuery的 表单提交方法有三种,主要说下第三种 第一种:用form自带属性action提交 第二种:用jquery提交:$("#formid").submit(); 第三...

silents
2016/07/22
4
0

没有更多内容

加载失败,请刷新页面

加载更多

python学习10.04:Python list列表使用技巧及注意事项

前面章节介绍了很多关于 list 列表的操作函数,细心的读者可能会发现,有很多操作函数的功能非常相似。例如,增加元素功能的函数有 append() 和 extend(),删除元素功能的有 clear()、 remo...

太空堡垒185
7分钟前
1
0
新手插画学习的方法?教你如何自学?

插画学习的方法?教你如何自学? 从小喜欢画一些漫画头像随笔画,但是其实没有基础。个人偏好小清新手绘风的插画(如下图),每每看到都希望自己能画出这样的作品。 我其实很想说画这种美术功...

huihuajiaocheng
13分钟前
3
0
面试题

1、实现clone();

gtandsn
24分钟前
3
0
CentOS 7 部署 tesseract-ocr

官方地址 github yum-config-manager --add-repo https://download.opensuse.org/repositories/home:/Alexander_Pozdnyakov/CentOS_7/ 若提示 yum-config-manager: command not found 执行以......

阿白
24分钟前
2
0
JAVA比较器中comparator的使用

一个专用的比较器Comparator Comparator是一个专用的比较器,当一个不支持自比较或者自比较函数不能满足要求时,可写一个比较器来完成两个对象之间大小的比较。Comparator体现了一种策略模式...

daxiongdi
25分钟前
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部