表单以执行两个不同的操作
Form to perform two different actions
我的aspx页面中有一个带有提交按钮的表单标记。
<form id="userReg" method="post">
<input type="submit" id="submit" value="Submit" onclick="doActions();" />
</form>
当我点击提交按钮时,我想做两个不同的操作,即重定向到另一个网络表单,然后重定向到另个url。
Javascript
function doActions() {
userForm = document.getElementById('userReg');
userForm.action = 'GettingUserDetails.aspx';
userForm.submit();
userForm.action = 'Confirmationurl.com';
userForm.submit();
}
它在执行'GettingUserDetails.aspx'
动作之后不执行Confirmationurl.com
动作。
我如何执行这两个操作
<form name=Form1 action= "login1.php" method=post>
Username <input type="text" name="username">
Password <input type="password" name="password">
<input type="submit" value="Send" name="button1"
onclick="return OnButton1();">
现在,我们有了一个表单。当我们点击Submit按钮时,它会调用一个JavaScript函数:
<script language="javascript">
<!--
function OnButton1()
{
document.Form1.action = "GettingUserDetails.aspx" // First target
document.Form1.target = "iframe1"; // Open in a iframe
document.Form1.submit(); // Submit the page
document.Form1.action = "Confirmationurl.com" // Second target
document.Form1.target = "iframe2"; // Open in a iframe
document.Form1.submit(); // Submit the page
return true;
}
-->
</script>
好的,现在我们将数据提交到两页。正如你所看到的,他们有一个像框架一样的目标。这是因为我们需要它来打开包含数据的两个新页面,但为了不打扰用户,我们隐藏了IFRAME,如下所示:
<div style="visibility:hidden">
<iframe NAME="iframe1" WIDTH="40" HEIGHT="40"></iframe>
<iframe NAME="iframe2" WIDTH="40" HEIGHT="40"></iframe>
</div>
该页面将数据发送到IFRAME,信息将根据您的需要进行处理。
添加Ajax会让它变得更好。
function doActions() {
$.ajax({
type: "POST",
url: "GettingUserDetails.aspx",
data: $(this).serialize(),
success: function() {
// callback code here
userForm.action = 'Confirmationurl.com';
userForm.submit();
}
})
}
$(userForm).on('submit', function(ev){
ev.preventDefault();
doActions();
}
相关文章:
- 在Google Analytics中跟踪用户,但只能在两个操作之间跟踪
- 一个jsp中有两个操作URL
- 无法延迟iPhone/iPad上的两个JavaScript操作
- 使用getElementById一次指定两个操作
- 仅将画布复合应用于两个操作
- 一个形成两个操作,具体取决于哪个按钮
- 如何在HTML中使用相同的输入值拥有一个输入字段,两个按钮和两个操作
- JSF 中的一个命令按钮中的两个操作
- 对按钮单击时的两个操作进行排序
- 一个表单需要两个操作(一个本地,一个远程)
- 在注册表格上按下“提交”时执行的两个操作:需要具体结果
- 使django-html表单在提交时执行两个操作
- Ruby on rails-如何让控制器使用ajax同时执行两个操作
- 如何在一个提交按钮上有两个操作
- 通过ajax通过一个按钮将单个表单提交给两个操作
- html形成具有两个操作的两个按钮
- 链接承诺执行两个操作
- 一个表单,一个提交按钮,但两个操作
- 单击一个按钮时调用两个操作 点火器.
- c#中的弹出消息用于单个按钮和两个操作