switch 或 if elseif 语句成功：function(data) ajax

Question

$status = $row->status;  
switch ($status){
case "1":
$status = '<span class="badge badge-danger">Open</span> ';
break;
case "2":
$status=  '<span class="badge badge-secondary">On Hold</span> ';
break;
case "3":
$status= '<span class="badge badge-success">In Progress</span> ';
break;
case "4":
$status= '<span class="badge badge-info">Closed</span> ';
break;
}

这是我的 php 代码中的 switch 语句； 我如何做同样的现场 ajax 成功：函数（数据）

这是我的 ajax 函数

success: function(response){
      //console.log(response);
      $('.sub').html(response.sub);
      $('.msg').html(response.msg);
     //value = $(this).val(response.status); //Get the value from db;
     // if elseif or swithch statetment here//
      $('.sts').html('<span class="badge badge-danger">Open</span>'); //post it to html div;
    }

可以做什么？？ 有什么方法可以在这里做，或者我必须在编码 json 之前做吗？

Answer 1

您也可以像在 php 代码中使用 switch case 一样使用它，如下所示：

    success: function(response){
      //console.log(response);
     $('.sub').html(response.sub);
     $('.msg').html(response.msg);
     var status = response.status; //Get the value from db;
    // if elseif or swithch statetment here//

    switch (status) {
        case "1":
            $('.sts').html('<span class="badge badge-danger">Open</span>');
            break;
        case "2":
            $('.sts').html('<span class="badge badge-secondary">On Hold</span>');
            break;
         case "3":
            $('.sts').html('<span class="badge badge-success">In Progress</span>');
            break;
         case "4":
            $('.sts').html('<span class="badge badge-info">Closed</span> ');
            break;

        default:
            $('.sts').html('<span class="badge badge-danger">Open</span>');
    }

}