How to perform if...else statement in javascript ajax request?

Question

I have these code:

function ambil_coa(hal_aktif,scrolltop){
  if($('table#coa-list').length > 0){
    // alert('ada tablenya');
    $.ajax('http://'+host+path+'/ambil',{
      dataType:'json',
      type: 'POST',
      success: function(data){
        $('table#coa-list tbody tr').remove();
        $.each(data.record , function(index, element){
           $('table#coa-list').find('tbody').append(
                '<tr align="center">'+
                ' <td class="text-nowrap">'+element.no_urut+'</td>'+
                ' <td class="text-nowrap">'+element.customer_ID+'</td>'+
                '</tr>'               
            )
        });
      }

    });
  }
}

I want to add some conditional statement below.

If element.customer_ID return 0, echo "-";
else if the value not 0 echo "Customer Name"

How to write the conditional script to the append section?

var element = ""; $.each(data.record , function(index, element){ element += '<tr align="center">'+ ' <td class="text-nowrap">'+element.no_urut+'</td>'+ ' <td class="text-nowrap">'+element.customer_ID+'</td>'+ '</tr>'; ) }); $('table#coa-list').html(element); — Nevermore
– Nevermore, Commented Mar 12, 2017 at 14:38
It is not clear what you are actually trying to ask here. Can yu be a bit more specific — RiggsFolly
– RiggsFolly, Commented Mar 12, 2017 at 14:39

u_mulder · Accepted Answer · 2017-03-12 14:39:48Z

2

The simplest way will be using ternary operator:

$('table#coa-list').find('tbody').append(
    '<tr align="center">'+
    ' <td class="text-nowrap">'+element.no_urut+'</td>'+
    ' <td class="text-nowrap">'+(element.customer_ID == 0? '-' : 'Customer Name' )+'</td>'+
    '</tr>'               
)

If you want to use another element property, then:

$('table#coa-list').find('tbody').append(
    '<tr align="center">'+
    ' <td class="text-nowrap">'+element.no_urut+'</td>'+
    ' <td class="text-nowrap">'+(element.customer_ID == 0? '-' : element.customer_Name )+'</td>'+
    '</tr>'               
)

answered Mar 12, 2017 at 14:39

u_mulder

54.8k5 gold badges54 silver badges72 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Firman Over a year ago

It's return Customer Name to each row, even if element.customer_ID not zero. Any idea?

u_mulder Over a year ago

If Customer name is shown then all customer_ID are not zeroes, you can check them with console.log for example.

Firman Over a year ago

my bad, yes you right. It's fully work. How to replace the Customer name with value of element.customer_address?

u_mulder Over a year ago

See second example please.

Collectives™ on Stack Overflow

How to perform if...else statement in javascript ajax request?

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related