Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/416.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 是否可以通过一个按钮提交两个表单,然后两个表单执行两个不同的操作?_Javascript_Php - Fatal编程技术网

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

我必须尝试JavaScript。但它只执行一个表单操作。请解释如何在同一页面中使用两个表单创建一个按钮

我必须使用以下代码:

函数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
    });
}