Question

我要根据其他条件更改我的Ajax按钮。就像状态为1一样，它将仅显示活动按钮，否则显示不活动按钮。我有两个按钮。我找不到我实际放置if if条件的逻辑。我的代码是：

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>';

如何根据值更改一个按钮

1 个答案: