AJAX中的JSTL无法正常工作

Question

This question already has answers here:

                </div>
            </div>
                    <div class="grid--cell mb0 mt4">
                        <a href="/questions/6957832/how-to-add-el-code-or-jstl-code-through-javascript" dir="ltr">how to add el code or jstl code through javascript</a>
                            <span class="question-originals-answer-count">
                                (3 answers)
                            </span>
                    </div>
            <div class="grid--cell mb0 mt8">Closed <span title="2016-09-26 06:38:55Z" class="relativetime">3 years ago</span>.</div>
        </div>
    </aside>

need your help.I want to write some JSTL code like <C:IF> in ajax but it doest not work

function myfunction(cd){

$("#datatable tbody").empty();
$.ajax({
    url :'/KurirCC/management-user-by-request.html',
    cache :true,
    data :{"kode":cd},
    dataType :"json",
    type : "GET",
    contentType : "application/json; charset=utf-8",
    success : function(jsondata){

        $.each(jsondata.data,function(i,obj){
            var status = obj.sts;
            tableHtml ="<tr> <td>"+ obj.id_mobile + "</td> <td>" + obj.nama +"</td> <td>"+ obj.username +"</td> <td>"
            + obj.kota + "</td> <td><c:if test="${status == 1}">Aktiv</c:if></td><td align='center'><button type='button' class='btn tom-history' title='History' ></button></td> </tr>";
            $(tableHtml).appendTo('#datatable tbody');
        }); 
    }

});

}

this code <td><c:if test="${status == 1}">Aktiv</c:if></td> not work, where the problem lies?

</div>

Answer 1

I hope you are using this code in jsp. In js JSTL tag will not work. Below correction in your code should solve the problem.

  $.each(jsondata.data,function(i,obj){
            var status = obj.sts;
            tableHtml ="<tr> <td>"+ obj.id_mobile + "</td> <td>" + obj.nama +"</td> <td>"+ obj.username +"</td> <td>"
            + obj.kota + "</td> <td>";
<c:if test="${status == 1}">
  tableHtml+="Aktiv";
</c:if>
tableHtml+="</td><td align='center'><button type='button' class='btn tom-history' title='History' ></button></td> </tr>";
            $(tableHtml).appendTo('#datatable tbody');
        });