<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="../script/jquery-1.10.2.js"></script>
</head>
<script type="text/javascript">
$(function(){
var check = 1;
$("#myForm").submit(function(e){
//取消默认提交事件
//e.preventDefault();
if(check == 1){
console.log("验证通过，提交数据");
$(this).ajaxSubmit({
type: 'post', // 提交方式 get/post
url: '/servlet/query', // 需要提交的 url
data: {
'attr1': "白日依山尽",
'attr2': "宝塔镇河妖"
},
success: function(data) { // data 保存提交后返回的数据，一般为 json 数据
// 此处可对 data 作相关处理
alert('提交成功！');
}
});
$(this).resetForm(); // 提交后重置表单
}
return false; // 阻止表单自动提交事件
});
});
</script>
<body>
<form action="/servlet/query" method="post" id="myForm">
<input type="text" name="userName" id="userName"/>
<input type="submit" id="btnSubmit" value="提交"/>
</form>
</body>
</html>
试下用这个可否解决你的问题，另外jquery-form.js是可用实现form提交回调的；
form标签的action属性怎么用?form标签action属性的用法介绍(附实例...
首先，action属性是一个必需的属性，其作用是在表单提交时，决定数据发送到哪个URL。属性值可以是一个具体的URL，如"http:\/\/currentPage.xxx"，这时表单会提交到指定的页面并进行跳转。如果值为空或者等于"#", 表单数据将提交回当前页面。举个实例，假设有一个包含两个输入字段和提交按钮的表单，其acti...
如何用jqueryajax请求form表单
对form表单进行ajax提交 (document).ready(function() { var options = { target: '#output1', \/\/ 从服务传过来的数据显示在这个div内部 也就是ajax局部刷新 beforeSubmit: showRequest, \/\/ ajax提交之前的处理 success: showResponse \/\/ 处理之后的处理 }; $('#showDataForm').submit(fu...
form提交的时候同时执行两个action怎么实现?关键点1:一个提交按钮。关键...
做法就是用JS重建一个form,然后通过Ajax发送到地址一,返回后再触发表单submit发送到地址二.可以试试在页面中插入两个隐藏的iframe,然后给form标签加target属性,并指向其中一个iframe,在第一次submit成功后修改target指向第二个iframe(或指向_self也可以)同时修改action属性,然后再次调用submit提交到第二个地...
Jquery AJAX提交多个FORM表单
我只写个意思，表单如果提交，页面会强制跳转，你是无法实现多个表单的提交，除非你给表单指定了提交路径，如 <form name="form1" action="a.php" method="post" target='xxxx'><\/form> <IFRAME id='xxxx'name='xxxx' src="" width="220" height="220"><\/IFRAME> 这是把表单提交重定向到...
ajax提交form表单,我要做一个DIV,点击DIV提交form表单,而不是用subm...
要么在你form里定义好action要么在你事件下定义好action。同时在你的事件下使用ajax（推荐使用jquery下的$.post(),$.get(),$.ajax()）。还可以在你的事件下使用formData模拟表单的上传，当然还是得ajax。
js 通用表单提交2-submit的控制和ajax提交
关于ajax提交，当form的action为空时，可以通过JavaScript设置URL，如`$.ajax({url: 'your-url'})`。至于data的组织，通常使用`serialize()`方法，它会自动处理key\/value格式的序列化。可能需要进行额外的编码或格式调整，具体取决于后端的要求。以上代码示例展示了如何在JavaScript中控制表单提交，包括阻止...
ajax序列化from表单怎么接收ajax序列化提交表单
格式：varjsonData=$(form).serializeArray();1 1 在使用ajax提交表单数据时,以上两种方法都可以将data参数设置为(form).serialize()或(form).serializeArray()。1.serialize()方法 格式：vardata=$(“form”).serialize();1 1 功能：将表单内容序列化成一个字符串。这样在ajax提交表单数据时，就不...
html中如何获取表单的数据?
html中获取表单数据的的方法一般有两种，一个是使用form表单的action属性将表单的数据提交给后台，另外一种就是使用JavaScript方法获取表单的数据，然后通过ajax传送给后台。工具原料：编辑器、浏览器 一、使用表单的方法提交数据 1、利用form表单的action属性来获取表单的数据并提交，代码如下：<form action="...
jsp页面的form表单action提交数据但不跳转页面,后台返回的数据需要在当...
用ajax 看下方的例子 .ajax({ type: "POST", url:"..\/action\/itjob.action", data: "menuCode="+code, async: false, success: function(data){ }, error: function (msg) { }});
ajax怎么提交整个form表单
:id.val(formatDate(value, 'yyyy-MM-dd'));break;default:id.val(value);break;} } } } var formdata= $("#form1").SetWebControls(); \/\/获取整个表单的数据 var datavalue={name:"1",pass:"2"} ("#form1").SetWebControls(datavalue); \/\/将数据给整个表单 ...
