After ajax success show child table in if condition in ajax success - php

Question

This is an HTML table with all buttons
On click of a button in table row button, status has to be updated in backend PHP and in ajax success I have to display child table
<table id="example" class="stripe row-border order-column" width="100%">
<thead>
<tr>
<th>Drawing</th>
<th style="display:none">Overview</th>
<th>Stage</th>
<th>Status</th>
<th>Status</th>
</tr>
</thead>
<tbody>
<tr id="1">
<td><button type="button" class="button clarify" >Clarify</button></td>
<td><button type="button" class="button allot">Allott</button></td>
<td><button type="button" class="button start">Started/Pused</button></td>
<td><button type="button" class="button correctit">Quality Checking</button><td>
<td><button type="button" class="button send">Send</button></td>
</tr>
<tr id="2">
<td><button type="button" class="button clarify" >Clarify</button></td>
<td><button type="button" class="button allot">Allott</button></td>
<td><button type="button" class="button start">Started/Pused</button></td>
<td><button type="button" class="button correctit">Quality Checking</button><td>
<td><button type="button" class="button send">Send</button></td>
</tr>
</tbody>
</table>
here is the ajax call each click on the button status has to update and if the button status or data is == 2 then I want to display the child table
$(".button").click(function() {
$this = $(this);
//alert("am button");
var drawingid = $(this).closest('tr').attr('id'); // table row ID
var stage_id = $(this).closest('tr').find('.button').val();
// alert(stage_id);
$.ajax({
type: "POST",
url: "stage2.php",
dataType: "json",
data: {
"drawingID": drawingid,
"stage_ID": stage_id
},
success: function(data) {
alert(data);
if ( data == 2) {
**//here if the data is == 2 then show child table with dropdown** $this.parent().parent().find('.button').val(data);
$this.parent().parent().find('.button').html('Allott').addClass('allot').removeClass('clarify');
var tr = $(this).closest('tr');
id = $(this).closest('table').attr('id');
table = $('#' + id).DataTable();
var row = table.row(tr);
// Open this row
row.child(format(row.data(), id)).show();
tr.addClass('shown');
}
}
});
});

Answer 1

pass 0/1 an additinal value in ajax, and run statement/function by using an "if"