Ajax Div обновляется слишком быстро - PullRequest
Новая
       9

Ajax Div обновляется слишком быстро

0 голосов
/ 28 марта 2019

У меня есть форма, которая отправляет в скрипт через ajax, скрипт вставляет данные формы в базу данных и, используя ajax, обновляет div на исходной странице, которая затем показывает форму, а также список записей в база данных (из формы ввода)

Надеюсь, это имеет смысл.

Моя проблема в том, что иногда, возможно, 1 раз из 20, div обновляется слишком быстро и не регистрирует новые данные, если я обновляю страницу там, и если я отправляю новую запись, обе записи затем находятся в список.

Думаю, мне просто нужно отложить освежение, но я не знаю как.

спасибо,

PHP 

echo '<div id="cuttingListDiv">';
$sql = "SELECT * FROM `cuttingList` WHERE jobRef = '".$_SESSION["jobRef"]."' ORDER BY pieceMaterialName, pieceThickness ASC";
$results = $dbconn->query($sql);
if ($results->num_rows > 0) {
    echo '<h3>Cutting List:</h3>';
    echo '<div align="center">';
    while($row = $results->fetch_assoc()) {
        echo '<br />';
        echo '<div class="row">';
        echo '<div class="col" align="center">';
        echo '<h5>'.$row["pieceMaterialName"] . ' - ' . $row["pieceLength"] . '&nbsp;x&nbsp' . $row["pieceWidth"] . '&nbsp;x&nbsp' . $row["pieceThickness"] . 'mm</h5>';
        echo '<br />';
        echo '</div>';
        echo '</div>';
    }
    echo '</div>';
}
echo '</div>';

Ajax-скрипт 

session_start();
include '_script_sqlConnection.php';

$pieceLength = strip_tags($_POST['pieceLength']);
$pieceWidth = strip_tags($_POST['pieceWidth']);
$thickness = strip_tags($_POST['thickness']);
$material = strip_tags($_POST['material']);
$materialName = strip_tags($_POST['materialName']);
$sheetID = strip_tags($_POST['sheetID']);

// Swap width & length id width bigger
if ($pieceWidth > $pieceLength) {
    $tmpDimm = $pieceLength;
    $pieceLength = $pieceWidth;
    $pieceWidth = $tmpDimm;
}

$sql = "INSERT INTO `cuttingList`(`orderRef`, `pieceMaterialName`, `pieceThickness`, `pieceLength`, `pieceWidth`, `sheetID`, `pieceWeight`, `qty`) VALUES ('".$_SESSION["quoteRef"]."', '".$materialName."', '".$thickness."', '".$pieceLength."', '".$pieceWidth."', '".$sheetID."', '".$pieceWeight."', '1')";
if ($dbconn->query($sql) === FALSE) {
    echo "Error Adding Pieces To Cut List.<br />";
}

1017 * Javascript * 

$("#cuttingListForm").submit(function(){
    $.ajax({
        type: "POST",
        url: "_script_ajax_addToCuttingList.php",
        data: $('form.cuttingListForm').serialize(),
        success: function() {
            $("#cuttingListDiv").load(location.href + " #cuttingListDiv");
        }
    }); 
});

Ответы [ 2 ]

0 голосов
/ 08 апреля 2019

Спасибо за вашу помощь, но я пошел другим путем, поскольку у меня все еще были проблемы с обоими этими методами.

В самом верху обновленного div я использовал команду php sleep, чтобы подождать 1 секунду, теперь работает отлично.

Спасибо,

0 голосов
/ 28 марта 2019

Используйте функцию JS setTimeout 

// example of usage for setTimeout: 
setTimeout( function(){
$("#cuttingListDiv").load(location.href + " #cuttingListDiv");
}, 2000 );

В этом примере у вас есть 2000 миллисекунд для ожидания в течение 2 секунд, прежде чем сработает вызов.

...