Check NULL in Jquery Append

Question

Good day. I'm trying to check a value from jquery append. Here is My Jquery

 success: function(resultData){
            $.each(resultData, function(key, val) { 
                no ++;
                    $("#result").append('<tr>  <td>' + no + '</td> <td> ' + val.FullName + 
                    '</td> <td> ' +val.attendancedate+ '  </td>'+
                    '<td>' + val.InTime + '</td>'+ 
                    '<td>' + val.OutTime + '</td>'+
                    '<td>' + val.total + '</td>' +
                    <?php if(($kode_tipe == "SPV_HO") or ($Nip == "1105321")){ ?> 
                    '<td> <a href="<?=base_url();?><?=$controller;?>/edit_jam/'+ val.nip+'/'+val.attendancedate+'/' +kode+'"> Edit </a> </td>' +
                     <?php } ?>
                    '</tr>');
            });
          }

so . I want to check in this part

'<td>' + val.InTime + '</td>'+ 
'<td>' + val.OutTime + '</td>'+

so the logic is below :

if($InTime == NULL)
{
  echo "No Time";
}else{
  echo $InTime;
}

I really don't know how to do it with jquery. Any help would be appreciated.

Here is the resultData

[{"Nip":"1602744","FullName":"RAHMAT ","KodeDetailDinas":1,"KodeDinasHeader":"DN0000001","nip":"1602744"
,"attendancedate":"2016-09-14","dayname":"Wednesday","InTime":null,"OutTime":null,"week":38,"total":null
},{"Nip":"1602744","FullName":"RAHMAT ","KodeDetailDinas":1,"KodeDinasHeader":"DN0000001","nip":"1602744"
,"attendancedate":"2016-09-15","dayname":"Thursday","InTime":null,"OutTime":null,"week":38,"total":null
},{"Nip":"1602744","FullName":"RAHMAT ","KodeDetailDinas":1,"KodeDinasHeader":"DN0000001","nip":"1602744"
,"attendancedate":"2016-09-16","dayname":"Friday","InTime":null,"OutTime":null,"week":38,"total":null
},{"Nip":"1602744","FullName":"RAHMAT ","KodeDetailDinas":1,"KodeDinasHeader":"DN0000001","nip":"1602744"
,"attendancedate":"2016-09-17","dayname":"Saturday","InTime":null,"OutTime":null,"week":38,"total":null
},{"Nip":"1602744","FullName":"RAHMAT ","KodeDetailDinas":1,"KodeDinasHeader":"DN0000001","nip":"1602744"
,"attendancedate":"2016-09-18","dayname":"Sunday","InTime":null,"OutTime":null,"week":39,"total":null
},{"Nip":"1602744","FullName":"RAHMAT ","KodeDetailDinas":1,"KodeDinasHeader":"DN0000001","nip":"1602744"
,"attendancedate":"2016-09-19","dayname":"Monday","InTime":null,"OutTime":null,"week":39,"total":null
},{"Nip":"1602744","FullName":"RAHMAT ","KodeDetailDinas":1,"KodeDinasHeader":"DN0000001","nip":"1602744"
,"attendancedate":"2016-09-20","dayname":"Tuesday","InTime":null,"OutTime":null,"week":39,"total":null
},{"Nip":"1602744","FullName":"RAHMAT ","KodeDetailDinas":1,"KodeDinasHeader":"DN0000001","nip":"1602744"
,"attendancedate":"2016-09-21","dayname":"Wednesday","InTime":null,"OutTime":null,"week":39,"total":null

@guradio that for PHP right? i want write it in jquery – YVS1102 Sep 07 '16 at 08:23 — YVS1102, Sep 07 '16 at 08:23
`val.InTime.length > 0 ? val.InTime : ""` – guradio Sep 07 '16 at 08:25 — guradio, Sep 07 '16 at 08:25
@guradio i got this error `TypeError: val.InTime is null` – YVS1102 Sep 07 '16 at 08:34 — YVS1102, Sep 07 '16 at 08:34
can you include the `resultData`? – guradio Sep 07 '16 at 08:37 — guradio, Sep 07 '16 at 08:37
@guradio i have update my question. – YVS1102 Sep 07 '16 at 08:40 — YVS1102, Sep 07 '16 at 08:40

score 1 · Answer 1 · edited May 23 '17 at 10:29

var data = [{
  "Nip": "1602744",
  "FullName": "RAHMAT ",
  "KodeDetailDinas": 1,
  "KodeDinasHeader": "DN0000001",
  "nip": "1602744",
  "attendancedate": "2016-09-14",
  "dayname": "Wednesday",
  "InTime": null,
  "OutTime": null,
  "week": 38,
  "total": null
}, {
  "Nip": "1602744",
  "FullName": "RAHMAT ",
  "KodeDetailDinas": 1,
  "KodeDinasHeader": "DN0000001",
  "nip": "1602744",
  "attendancedate": "2016-09-15",
  "dayname": "Thursday",
  "InTime": null,
  "OutTime": null,
  "week": 38,
  "total": null
}, {
  "Nip": "1602744",
  "FullName": "RAHMAT ",
  "KodeDetailDinas": 1,
  "KodeDinasHeader": "DN0000001",
  "nip": "1602744",
  "attendancedate": "2016-09-16",
  "dayname": "Friday",
  "InTime": null,
  "OutTime": null,
  "week": 38,
  "total": null
}, {
  "Nip": "1602744",
  "FullName": "RAHMAT ",
  "KodeDetailDinas": 1,
  "KodeDinasHeader": "DN0000001",
  "nip": "1602744",
  "attendancedate": "2016-09-17",
  "dayname": "Saturday",
  "InTime": null,
  "OutTime": null,
  "week": 38,
  "total": null
}, {
  "Nip": "1602744",
  "FullName": "RAHMAT ",
  "KodeDetailDinas": 1,
  "KodeDinasHeader": "DN0000001",
  "nip": "1602744",
  "attendancedate": "2016-09-18",
  "dayname": "Sunday",
  "InTime": null,
  "OutTime": null,
  "week": 39,
  "total": null
}, {
  "Nip": "1602744",
  "FullName": "RAHMAT ",
  "KodeDetailDinas": 1,
  "KodeDinasHeader": "DN0000001",
  "nip": "1602744",
  "attendancedate": "2016-09-19",
  "dayname": "Monday",
  "InTime": null,
  "OutTime": null,
  "week": 39,
  "total": null
}, {
  "Nip": "1602744",
  "FullName": "RAHMAT ",
  "KodeDetailDinas": 1,
  "KodeDinasHeader": "DN0000001",
  "nip": "1602744",
  "attendancedate": "2016-09-20",
  "dayname": "Tuesday",
  "InTime": null,
  "OutTime": null,
  "week": 39,
  "total": null
}, {
  "Nip": "1602744",
  "FullName": "RAHMAT ",
  "KodeDetailDinas": 1,
  "KodeDinasHeader": "DN0000001",
  "nip": "1602744",
  "attendancedate": "2016-09-21",
  "dayname": "Wednesday",
  "InTime": null,
  "OutTime": null,
  "week": 39,
  "total": null
}]

$.each(data, function(key, val) {


val.InTime !=null ? console.log(val.InTime) : console.log("")





});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Use != null For further clarification visit this

score 1 · Accepted Answer · answered Sep 07 '16 at 08:49

success: function(resultData){
        $.each(resultData, function(key, val) { 
            no ++;
            var inTime = (!val.InTime) ? 'No Time' : val.InTime;

                $("#result").append('<tr>  <td>' + no + '</td> <td> ' + val.FullName + 
                '</td> <td> ' +val.attendancedate+ '  </td>'+
                '<td>' + inTime + '</td>'+ 
                '<td>' + val.OutTime + '</td>'+
                '<td>' + val.total + '</td>' +
                <?php if(($kode_tipe == "SPV_HO") or ($Nip == "1105321")){ ?> 
                '<td> <a href="<?=base_url();?><?=$controller;?>/edit_jam/'+ val.nip+'/'+val.attendancedate+'/' +kode+'"> Edit </a> </td>' +
                 <?php } ?>
                '</tr>');
        });
      }

Your code could use some refactoring.

Noman · Answer 3 · 2016-09-07T08:35:43.493

0

Here you go:

if (val.InTime.length > 0){
  $("#result").text(InTime);
} else {
  $("#result").text("No Time");
}

edited Sep 07 '16 at 08:35

answered Sep 07 '16 at 08:26

Noman

1,459
2
18
38

how do i `echo` it? – YVS1102 Sep 07 '16 at 08:29
You want check null in jquery and then echo in php ? – Noman Sep 07 '16 at 08:30

score 0 · Answer 4 · answered Sep 07 '16 at 08:43

From my view your rendering logic is quiet complex,instead of writing whole html rendering code try this :

$.each(resultdata, function(val,index){
   var tr = $('<tr>');
   tr.append($('<td>',{
       'text': "no"
   }));
   tr.append($('<td>',{
       'text': val.FullName
   }));
   tr.append($('<td>',{
       'text': val.attendancedate
   }));
   if(val.InTime === "NULL"){
      tr.append($('<td>',{
         'text': "No Time"
      }));
   }else {
       tr.append($('<td>',{
         'text': val.InTime
      }));
   }
   //Do the same for out time as well
   $("#result").append(tr);
});

Try this.

Check NULL in Jquery Append

4 Answers4