javascript - 使用javascript修复页面？

Question

我的网站上有一个博客页面，您可以在上面添加评论。事实是，当您单击“添加评论”时，会出现 php 服务器请求来存储评论。所以页面再次加载并滚动到顶部。添加评论时是否有任何 javascript 方法来保持页面固定？

最好的

Answer 1

有两种方法可以做到这一点：

1) 在页面的 url 请求之后使用锚点名称，并使用该名称创建一个锚点，就在评论的上方或下方。因此，使用锚名称 www.mysite.com/mypage.php#comments 重定向到您的页面，并在您的 html 中添加一个锚：

    <a name="comments" />

，这将打开带有位于屏幕顶部的锚点 dom 元素的页面。

2) 使用 ajax 将数据发送到服务器并在检索成功回调时更新评论。该页面不需要以这种方式重新加载并保持在原处。但还有一点工作。第 1 步：制作一个处理请求并保存评论的 php 页面 第 2 步：添加 javascript 以进行 ajax 调用并检索回调

祝你好运！

Answer 2

你可以使用cookies吗？我有一个非常相似的问题，但关于文本框。在点击“保存”（并因此重新加载网页）之后，它总是从第一行开始，而不是我结束编辑的那一行。

解决方案是雇用饼干。当用户单击“保存”时，一个简单的 JavaScript 代码正在编写一个带有编辑器位置的 cookie，光标所在的位置。然后，在重新加载后，另一个简单的 JavaScript 读取该 cookie 并将光标设置回最后一个位置。

也许您可以根据您的需要调整此解决方案？

Answer 3

您可以在评论按钮单击时调用此函数

function FUNCTIONNAME() {
    $.ajax({
        type: "POST",
        url: "YOUR METHOD NAME WHICH IS CALLED",
        data: "{PARAMETER VALUES TO BE PASSED}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        complete: function () {
        },
        success: function (msg) {                    
           alert("YOUR SUCCESS MESSAGE HERE");
        },
        error: function (msg) {
            alert("Error ");
        }
    });
}