如何根据值更改一个按钮

Question

我想根据if-else条件更改我的ajax按钮。就像如果状态为1，那么它将只显示活动按钮，否则它只显示非活动按钮。我有两个按钮。我找不到我实际把if-else条件放在哪里的逻辑。我的代码是：

function showAllArticle(status = "") {
//alert(status);
$.ajax({
//cache: false,
//headers: { "cache-control": "no-cache" },
type: 'ajax',
method: 'post',
data: {
status: status
},
url: '<?php echo base_url() ?>Article/showAllUser',
async: true,
dataType: 'json',
//cache: false,
success: function(data) {
var html = '';
var i;
for (i = 0; i < data.length; i++) {
//(data[i].status);

html += '<tr>' +
'<td>' + data[i].id + '</td>' +
'<td>' + data[i].username + '</td>' +
'<td>' + data[i].email + '</td>' +
'<td>' +
// '{% if data[i].status == 1 %}'
'<a href="javascript:;" class="btn btn-info item-active" data="' + data[i].id + '">Active</a>' +
//@if(data[i].status == 1)
//'{% else %}' 
'<a href="javascript:;" class="btn btn-danger item-inactive" data="' + data[i].id + '">Inactive</a>' +
//'{% endif %}' 
/* '</td>' +
'<td>'+
'+@if(data[i].status == 1)+'
'tseting'+
'+@elseif(data[i].status == 0)+'
'debug'+
'+@endif+'

'</td>'+*/
'</tr>';
}
$('#showdata').html(html);
},
error: function() {
alert('Could not get Data from Database');
}
});
}

Answer 1

您必须基于JS应用if条件，而不是基于在用户端执行JS时使用的模板语言。

你必须做类似的事情：

html += '<tr>';
html +=  '<td>' + data[i].id + '</td>';
html +=  '<td>' + data[i].username + '</td>';
html +=  '<td>' + data[i].email + '</td>';
html +=  '<td>';
if (data[i].status == 1) {
html += '<a href="javascript:;" class="btn btn-info item-active" data="' + data[i].id + '">Active</a>';
} else if(data[i].status == 12) {
//...
} else { 
html += '<a href="javascript:;" class="btn btn-danger item-inactive" data="' + data[i].id + '">Inactive</a>' +
} 
/* '</td>' +
'<td>'+
'+@if(data[i].status == 1)+'
'tseting'+
'+@elseif(data[i].status == 0)+'
'debug'+
'+@endif+'

'</td>'+*/
html += '</tr>';