停止從laravel中的javascript函數重新加載頁面

Question

我有查看頁面，每次當用戶更改該特定列中的值時，我都會嘗試更新 sortorder 列。所以現在問題是當我更新頁面正在刷新的值時..我想停止刷新頁面

這是我的腳本代碼：

function changeOrder(id, value)
{

    var url = '{{ route('subject.update_sort') }}';

    var dataset = {
        id: id,
        value: value,
    };

    axios.patch(url, dataset)
    .then(function(response) {
        Swal.fire({title: 'Updated!', text: response.data.message, type: 'success'})
        .then(function(){
            location.reload();
            return false;
        });
    })
    .catch(function(error) {
        console.log(error);
        Swal.fire({
            type: 'error',
            title: 'Oops...',
            text: 'Something went wrong! '+error.response.data.message
        })
    })
}

任何人都可以幫助我我該怎么做..我嘗試刪除`location.reload`但是當我這樣做時頁面沒有刷新但排序順序列不是按升序排列的。 如果我保持后頁刷新並且排序順序列按升序排列。

Answer 1

那么在您的補丁請求中，您正在重新加載頁面

.then(function(){
    location.reload();
    return false;
});

您需要刪除location.reload();

Answer 2

如果您不想重新加載頁面並仍然顯示更新的數據，那么您必須使用更新的數據調用渲染函數（javascript 函數）。

您的 html 文檔不會自行更新，假設您沒有使用模板引擎並使用 javascript 將數據附加到文檔，您會希望使用從補丁請求收到的更新數據再次調用該函數，然后您的 html 文檔將顯示更新的數據。