gpt4 book ai didi

javascript - 如何在具有 Ajax 的单个表单中使用多个提交按钮

转载 作者:可可西里 更新时间:2023-10-31 22:40:40 26 4
gpt4 key购买 nike

<分区>

我正在构建一个使用 mysql 作为后端的简单网站。我有一个包含 2 个按钮的表单,其中一个按钮从数据库中搜索数据并使用 Ajax 填充页面,另一个按钮将新值更新为数据库。现在我的问题是我不能将这两个按钮都用作“提交”按钮。

Ajax 方法和 Html 表单:

<script type="text/javascript">
$(document).ready(function(){
$(document).on('submit', '#update-form', function(){
var data = $(this).serialize();
$.ajax({
type : 'POST',
url : 'search.php',
data : data,
success : function(data){
$(".display").html(data);
}
});
return false;
});
});
</script>
<body>
<div id="update" class="tab-pane fade">
<form id="update-form" role="form" class="container" method="post" action="search.php">
<h3>Update details</h3>
<table class="display">
<tr class="space">
<td><label>File Number:</label></td>
<td><input type="text" class="form-control" name="filenum" required></td>
</tr>
</table>
<button type="submit" class="btn btn-default text-center" name="search_btn" >Search</button>
<button type="submit" class="btn btn-default text-center" name="submit_btn" formaction="update.php">Update</button>
</form>
</div>
</body>

现在我想知道如何修改上面的代码,以便我可以将两个按钮都用作提交。

尝试过formaction 但由于使用了 Ajax 方法,它不起作用。

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com