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

【问题标题】：put multiple submit buttons in form..after click on submit that should go to particular URL in ajax在表单中放置多个提交按钮..单击提交后应该转到 ajax 中的特定 URL
【发布时间】：2017-02-27 11:39:54
【问题描述】：

我的表单中有两个提交按钮，一个是 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>

谁能帮帮我..

提前谢谢..

【问题讨论】：

请给我们看看你目前写的JS代码。
我还没写过js代码？
我刚刚在我的控制器中尝试过这样 if($this->input->post('submit')=="submit") { $this->CandidateModel->add_candidate_selection($this- >输入->发布（））；重定向（base_url（'候选人/view_candidate_selection'））； }
老实说，我建议您阅读有关 Ajax 请求的内容。但是这个链接也应该有帮助 => stackoverflow.com/questions/5004233/… , stackoverflow.com/questions/4210025/…

标签： javascript jquery ajax codeigniter

【解决方案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>

【讨论】：

$.post('ajax/test.html', function(data) 这行的目的是什么。你能解释一下吗..
使用这一行，您可以向其他页面提交值...即将值传递给 test.html 页面以处理和存储数据库。

【解决方案2】：

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

<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);
            },

        });
}

【讨论】：

类似 {'name':'abcd','age':'27'} 等，如果您不想发送任何内容，只需发送 {} 空对象