Javascript 更改ajax成功回调上按钮的文本
我一直在努力更改触发ajax请求的按钮文本,以显示数据已成功发送到服务器 加成 使用laravel,我有以下表格:Javascript 更改ajax成功回调上按钮的文本,javascript,php,jquery,ajax,forms,Javascript,Php,Jquery,Ajax,Forms,我一直在努力更改触发ajax请求的按钮文本,以显示数据已成功发送到服务器 加成 使用laravel,我有以下表格: {{ Form::open(array('url' => 'panel/update/user', 'style' => 'display:inline', 'id' => 'ajax')) }} {{ Form::hidden('action', 'confirm') }} {{ Form::hidden('user', $confirmed-
{{ Form::open(array('url' => 'panel/update/user', 'style' => 'display:inline', 'id' => 'ajax')) }}
{{ Form::hidden('action', 'confirm') }}
{{ Form::hidden('user', $confirmed->username) }}
<button class="btn-xs btn-default pull-right btn" style="padding: 1px 5px;" type="submit" data-after="User Confirmed">Confirm User</button>
{{ Form::close() }}
id为#ajax
的任何表单都将随ajax一起提交。我现在正在尝试实现一种方法,指定一些数据属性,以便向触发提交的当前按钮显示文本,以显示表单已提交。因此,data after=“Submitted”
将在成功时从Confirm
=>Submitted
更改文本。我希望这是每一张表格,而不是改变一切
问题
这不是我在页面上的唯一表格。其目的是从数据库中获取未经确认的用户,然后通过单击按钮通过ajax向服务器发送数据来确认他们。发送数据后,我想将按钮中的文本更改为
data After
中指定的文本。我有多个表单,表单后面有多个数据,所以我不想更改所有按钮。这就是我被卡住的地方。我想显示表单已提交。您可以在提交事件开始时锁定按钮,然后在success
方法中引用它
缩略示例:
$('form#ajax').on('submit', function() {
var $button = $(this).find('button');
$.ajax({
url: url,
type: type,
data: data,
success: function(response) {
// button manipulation here
$button.attr('disabled', 'disabled').text('Submitted');
}
});
});
$('form#ajax').on('submit', function() {
var $button = $(this).find('button');
$.ajax({
url: url,
type: type,
data: data,
success: function(response) {
// button manipulation here
$button.attr('disabled', 'disabled').text('Submitted');
}
});
});