Ajax 成功后将页面滚动到顶部 - Javascript

在AJAX调用完成后，有时需要将页面回到顶部。这对于用户体验有很大的帮助。

以下是实现这个功能的 Javascript 代码片段：

$.ajax({
    url: '/some-url/',
    success: function(data){
        // AJAX调用成功后的回调函数
        // 将页面滚动到顶部
        $('html, body').animate({scrollTop:0}, 'slow');
    }
});

这里使用了 jQuery 的 AJAX 方法，实现了在请求成功后将页面滚动到顶部的功能。代码中的 scrollTop 属性用于控制页面滚动的位置，'slow' 则是控制滚动的速度，这可以按照需求进行调整。

需要注意的是，代码中使用了 jQuery，所以需要在页面中引入 jQuery 库。

另外，如果你使用原生的 JavaScript 开发，也可以使用类似以下的代码来实现相同的功能：

var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
        // AJAX调用成功后的回调函数
        // 将页面滚动到顶部
        document.documentElement.scrollTop = 0;
        document.body.scrollTop = 0;
    }
};
xhr.open('GET', '/some-url/', true);
xhr.send(null);

代码使用了原生的 XMLHttpRequest 对象发起 AJAX 请求，当请求成功后，将页面滚动到顶部。scrollTop 属性在这里同样用于控制页面滚动的位置，只不过需要设置两次，一次是针对 document.documentElement，另一次是针对 document.body。

这是一个简单但十分有用的技巧，可以帮助提高 Web 应用的用户体验。