Всем привет,не могу разобраться как правильно сделать toggle свитчер ,сейчас у меня два обработчика на одну кнопку(вкл/выкл идет по /monitor/active/ и /monitor/deactive/ ),не получается внедрить toggle
$(document).ready(function() {
var __getTable_timeout = 0;
function getTable() {
clearTimeout(__getTable_timeout);
$.ajax({
url: "monitor/all",
type: "GET",
dataType: "json",
success: function(response) {
var trHTML = '';
$.each(response, function(key, value) {
trHTML += '<tr><td>' + value.id + '</td><td>'
+ value.url + '</td><td>'
+ value.exceptedHttpResponseCode + '</td><td>'
+ value.status + '</td><td>'
+ value.active + '</td>' + //в поле acitive сейчас приходит true/false , как поменять на (true?'de':'')+'activate' ?
'<td><button data-id="' + value.id + '" + value.id + class="btn btn-danger btn-sm delBtn">Delete</td>' +
'<td><button data-id="' + value.id + '" + value.id + class="btn btn-danger btn-sm activeBtn">active/inactive</td> //.</tr>';
});
$('#mydata').html(trHTML);
__getTable_timeout = setTimeout(getTable, 1000);
}
});
};
$('#mydata').on('click','button.activeBtn',function(){
var id = $(this).data('id');
$.ajax({
url: '/monitor/deactive/' +$(this).data('id'),
type: 'POST',
dataType: "json",
success: getTable
});
});
$('#mydata').on('click','button.activeBtn',function(){
var id = $(this).data('id');
$.ajax({
url: '/monitor/active/' +$(this).data('id'),
type: 'POST',
dataType: "json",
success: getTable
});
});
});