Question

我的表单中有两个提交按钮，一个是SUBMIT，另一个是SCHEDULE NEXT ROUND ..当用户点击提交时，表单值应存储在数据库中并重定向到查看页面..当用户点击下一轮时间表时这些值应存储在数据库中，并且表格将保留在那里，用户可以在表单中添加详细信息..

这是我的提交按钮：

<button type="submit"  name="submit" value="submit" class="btn btn-primary" value="submit">Submit</button>

这是我的另一个按钮：

<button type="submit" name="submit" class="btn btn-primary" value="schedule">Schedule Next Round</button><br></br>

任何人都可以帮助我..

提前致谢..

Answer 1

点击按钮名称按钮，并使用以下方法将值发布到所需页面：

$(document).ready(function(){
$("input[name=Button1]").click(function(){
alert("Button1 clicked");
$.post('ajax/test.html', function(data) { 

});

});
$("input[name=Button2]").click(function(){
alert("Button2 Clicked");
$.post('ajax/test.html', function(data) { 

});

});
})

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script></head>
<body>
<form method="post">
<input type="submit" name="Button1" value="Button1">
<input type="submit" name="Button2" value="Button2">
</form
</body>
</html>

Answer 2

使用不同的功能提交和安排下一轮。对于Sumbit使用提交和Schedule Next Round使用不同的功能。

<button type="submit"  name="submit" value="submit" class="btn btn-primary" value="submit">Submit</button>

        <button type="button" name="submit" class="btn btn-primary" value="schedule" onclick="ScheduleNextRound();">Schedule Next Round</button><br></br>
    function ScheduleNextRound() {
$.ajax({
            type: 'POST',
            data: YourDataYouWantToSendAsObject,
            url: YoutServerSideUrl,
            async: false,
            success: function (value) {
                returnData = value //as you don't want to refresh
            },
            error: function (jqXHR, textStatus, errorThrown) {
                genericError(jqXHR, textStatus, errorThrown);
            },

        });
}

在表单中放置多个提交按钮。之后单击应该转到ajax中特定URL的提交

2 个答案: