Multi tool use

Update query to order position records table

i have table Z like:

id | data | order |
----+--------+--------
31 | a | 0 |
32 | b | 1 |
33 | c | 2 |


and i use table-dragger.min.js to set position row to update order. how create update query to update order with ajax

table-dragger.min.js

var el = document.getElementById('table');
var dragger = tableDragger(el, {
mode: 'row',
dragHandler: '.move',
onlyBody: true,
animation: 300
});
dragger.on('drop', function() {
arr = ;
tbl = $('table tbody > tr');
tbl.each(function(index) {
arr[index] = this.id;
});

$('textarea').text(arr)

});

table {
border-collapse: collapse;
}

table,
th,
td {
border: 1px solid black;
text-align: center;
}

th:nth-child(1) {
width: 50px;
}

th:nth-child(2) {
width: 200px;
}

.move:hover {
cursor: pointer
}

textarea {
width: 300px
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript" src="https://cdn.rawgit.com/sindu12jun/table-dragger/master/dist/table-dragger.min.js"></script>
<table id="table">
<thead>
<tr>
<th>no</th>
<th>col</th>
</tr>
</thead>
<tbody>
<tr id="31">
<td class="move"> id 31</td>
<td class="move">a</td>
</tr>
<tr id="32">
<td class="move">id 32</td>
<td class="move">b</td>
</tr>
<tr id="33">
<td class="move">id 33</td>
<td class="move">c</td>
</tr>
</tbody>
</table>

<br>
index after move position by row id
<br>
<textarea></textarea>

By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.