Javascript 是否可以通过一个按钮提交两个表单,然后两个表单执行两个不同的操作?
我必须尝试JavaScript。但它只执行一个表单操作。请解释如何在同一页面中使用两个表单创建一个按钮 我必须使用以下代码:Javascript 是否可以通过一个按钮提交两个表单,然后两个表单执行两个不同的操作?,javascript,php,Javascript,Php,我必须尝试JavaScript。但它只执行一个表单操作。请解释如何在同一页面中使用两个表单创建一个按钮 我必须使用以下代码: 函数my() { document.schedule.action=“firstaction”; document.schedule.target=“_blank”; document.schedule.submit(); 返回true; } 函数my1() { document.consultant.action=“secondaction”; document.co
函数my()
{
document.schedule.action=“firstaction”;
document.schedule.target=“_blank”;
document.schedule.submit();
返回true;
}
函数my1()
{
document.consultant.action=“secondaction”;
document.consultant.target=“_blank”;
文件。顾问。提交();
返回true;
}无法提交视差表
因为表单提交意味着加载新页面,所以浏览并关闭所有现有连接,就像上次表单提交一样
解决方案
使用ajax
function my()
{
$.ajax({
url:document.schedule.action,
type:'post',
data:$(document.schedule).serialize()
});
return true;
}
submit()将以正常方式提交表单,从而在提交另一个/第二个表单之前重新加载页面。要做您想做的事情,请使用Ajax
jQuery Ajax示例:
$("#form1").submit(function(e){
e.preventDefault();
$.post("functions.php", {key1:"value1", key2:"value2"}, function(data){
//submit the second form here using the same $.post method
});
});
Ajax就是解决方案
您可以这样做:
<form class="myform">
<!-- form 1 fields -->
</form>
<form class="myform">
<!-- form 2 fields -->
</form>
顺便说一句,在我看来,您不再需要两个表单,只需要一个。我很确定,如果不使用AJAX,您不能同时提交两个表单。关键问题是:为什么要这样做?请给出一个您的预期用例的例子,这样我们就可以看看是否有更好的建议,我们可以提供关于如何实现您想要的。谢谢。我将尝试使用ajax如何使用ajax处理两个表单??如何发送请求和响应?如果还有其他方法的话?伙计。。。我不会写你的代码。。。在这里看看ajax是如何工作的。。。
$('.myform').sumit(function(e)) {
e.preventDefault();
// FORM VALIDATION
// Form 1 function
$.ajax({
url: "action1",
}).success(function() {
// DO SOMETHING
});
// Form 2 function
$.ajax({
url: "action2",
}).success(function() {
// DO SOMETHING
});
}