Question

我在刀片模板中有一些代码可以创建一些表单和按钮，请参阅下面的

<div class="element1">
<div class="text1">
<form action="{{ route("progressSheetDynamic") }}" method="post" id= "add">
<input name="increment" value="increment" type="hidden"> </input>
<input type="hidden" name="id" value= {{$activities}} >
<button type="submit" class="styleHover styleButton" id= {{$activities}} > + </button>
</form>

{{ $count  }} / {{  ($goal/5) }}
<form action="{{route("progressSheetDynamic") }}" method="post" id="delete">
<input type="hidden" name="delete" value="delete">
<input type="hidden" name="id" value= {{$activities}}>
<button type="submit" class="styleHover styleButton"> - </button>
</form>
</div>
</div>

我在视图文件中使用@include_layouts（“模板文件”）3次来创建3次不同的按钮。当我单击一个按钮时，我想要一个ajax请求来触发。相反，目前正在发生的是，按钮单击会显示一个按钮，并在3次不同时间提交ajax请求。以下是刀片文件中的相关javascript代码

$(document).ready(function(){

$('#add').click(function(e){
e.preventDefault();
var data = $(this).serialize();
$.post('progressSheetDynamic', data).done(function(response){
console.log(data);
});
});
});

我尝试过很多不同的事情，例如使用jQuery将按钮更改为一次单击后禁用，并在jQuery函数结束时返回false。

但是，在每种情况下，只需点击三次即可读取一次点击。因此，数据会三次记录到控制台。有没有办法让它当我点击一个按钮时它只注册一次而不是3？

Answer 1

您正在触摸表单上的ajax，单击按钮

进行尝试

driver.get(r'http://www.espn.com')

多次提交的刀片模板中的laravel按钮

1 个答案: