javascript - 停止从 laravel 中的 javascript 函数重新加载页面

Question

我有查看页面，每次当用户更改该特定列中的值时，我都会尝试更新排序列。所以现在问题是当我更新页面正在刷新的值时。我会停止刷新页面

这是我的脚本代码：

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`但是当我这样做时页面没有刷新但排序顺序列没有按升序排列。如果我保持该背页处于刷新状态并且排序顺序列按升序排列。

标签： javascriptlaravel

Answer 1

如果您不想重新加载页面并仍然显示更新的数据，那么您必须使用更新的数据调用您的渲染函数（javascript 函数）。

您的 html 文档不会自行更新，假设您没有使用模板引擎并使用 javascript 将数据附加到文档，您可能希望使用从补丁请求接收到的更新数据再次调用该函数，然后您的 html 文档将显示更新的数据。