多个提交按钮，具有传递变量的不同操作
[英]multiple submit buttons different actions with passing variables
问题描述
我有一个像下面的代码（称为index.php）的形式，带有多个提交按钮。 我想对提交按钮进行不同的php操作。 第一个按钮，无需刷新浏览器页面，当然也无需传递变量。 另一个具有正常操作，可以重定向到新页面（此处为form_submit.php）。 在本主题的帮助下，我设法使第一个按钮起作用，但是我无法将第二个按钮与第一个按钮区分开。 有什么办法可以在这些按钮的功能之间切换？
<? php>
if($_POST['formSubmit'] == "Next") {
$var1 = $_POST['name1'];
$var2 = $_POST['name2'];.
session_start();
$_SESSION['variable1'] = $var1;
$_SESSION['variable2']= $var2;
header("Location: form_submit.php");
exit;
}
?>
<html>
<body>
<form action="index.php" method="post">
<input type="text" name="name1" id="name1" maxlength="50" value="<?=$var1;?>" />
<input type="text" name="name2" id="name2" maxlength="50" value="<?=$var2;?>" />
<input type="submit" name="dataSubmit" value="Insert Data" />
<input type="submit" name="formSubmit" value="Next" />
<script>
$(function () {
$('form').on('submit', function (e) {
e.preventDefault();
$.ajax({
type: 'post',
url: 'data_submit.php',
data: $('form').serialize(),
});
});
});
</script>
</form>
</body>
</html>
2 个解决方案
解决方案1
1 已采纳 2014-08-22 14:39:20
一旦第一个按钮实际上不需要进行提交，就可以在其上设置“ onClick”事件处理程序并将其设置为“ button”。 在这种情况下，当您按下按钮时，只会触发JS，浏览器不会提交表单。 这是我的意思：
<input type="button" id="justButton" name="dataSubmit" value="Insert Data" />
<input type="submit" name="formSubmit" value="Next" />
<script>
$(function () {
$('#justButton').on('click', function (e) {
$.ajax({
type: 'post',
url: 'data_submit.php',
data: $('form').serialize(),
});
});
});
</script>
解决方案2
0 2014-08-22 14:44:37
首先，将clicked类添加到按钮：
$('.submitButton').click(function(){
$('.submitButton').removeClass('clicked');
$(this).addClass('clicked');
});
比在提交事件检查按钮：
$('form').submit(function(){
var button = $('.submitButton.clicked');
if (button.attr('id') == 'name1') {
...
} else {
...
}
return false;
});
两个提交按钮具有不同的动作？
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.