сумма строк не обновляется при запуске AJAX-кода до обновления F5

Следуя этой ссылке здесь о передаче данных в MySQL с использованием AJAX, у меня есть этот вывод:

введите описание изображения здесь

То, что я хочу, это увидеть строку с красными строками, показанными в div, а не внизу. И как обновить сумму, а не ждать, чтобы обновить страницу?

Вот окончательный код AJAX:

function addFunction() { var selectW = $('#insert_new').val(); var selectW = $('#selectW').val(); var select_at = $('#select_at').val(); var pay = $('#pay').val(); var facture = $('#facture').val(); var select_opt = $('#select_opt').val(); if(pay!="") { $.ajax({ data: {'selectW': selectW, 'select_at': select_at, 'pay': pay, 'facture': facture, 'select_opt': select_opt}, type: "post", url: "insert_buy.php", success: function(response){ if(response=="success") { $('#incident_table').append('<tr><td height="30" align="center">' + selectW + '</td><td align="center">' + select_at + '</td> <td align="center" dir="ltr">' + pay + '</td> <td align="center">' + facture + '</td> <td align="center"><form action="delete.php" method="post"><input type="hidden" name="rowid" value="" /><input class="imgClass_dell" type="submit" onclick="return confirm(\'هل أنت متأكد؟\')" name="delete_sales" value="" /></form></td></tr>'); alert(data); $('#selectW').val(''); $('#select_at').val(''); $('#pay').val(''); $('#facture').val(''); $('#select_opt').val(''); } else { alert("No Data added"); } }, error: function(){ //alert('error; ' + eval(error)); } }); } else { alert("All Fields Are Required!!"); } } 

И вот где PHP вычисляет сумму:

  </tr> </form> <?php $sum = 0; $selectAll = "SELECT * FROM sales WHERE date_now = :date ORDER BY date_now DESC, time_now DESC"; $stmtAll=$conn->prepare($selectAll); $stmtAll->bindValue(':date', date("ymd")); $execAll=$stmtAll->execute(); $result=$stmtAll->fetchAll(); ?> <?php foreach($result as $rows){ $sum = $sum + $rows['pay']; //var_Dump($rows) ?> <tr> <td height="30" align="center"><?php echo $rows['type'] ?></td> <td align="center"><?php echo $rows['provider'] ?></td> <td align="center" dir="ltr"><?php echo (number_format($rows['pay'], 0, ',', ' ')). ' L.L'?></td> <td align="center"><?php echo $rows['facture'] ?></td> <td align="center"><form action='delete.php' method="post"> <input type="hidden" name="rowid" value="<?php echo $rows['id'] ?>" /> <input class="imgClass_dell" type="submit" onclick="return confirm('هل أنت متأكد؟')" name="delete_sales" value="" /> </form></td> </tr> <?php } ?> <tr> <th colspan="4" align="center" bgcolor="#666666">المجموع</th> <td dir="ltr" bgcolor="#666666" align="center"><?php echo ($sum = number_format($sum, 0, ',', ' ')). ' L.L'; ?></td> </tr> </table> </div> </div> 

Надеюсь, я смогу помочь.