Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/426.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用Javascript或jQuery在刷新后保持屏幕的相同位置而不上升?_Javascript_Jquery_Html - Fatal编程技术网

如何使用Javascript或jQuery在刷新后保持屏幕的相同位置而不上升?

如何使用Javascript或jQuery在刷新后保持屏幕的相同位置而不上升?,javascript,jquery,html,Javascript,Jquery,Html,我有一个页面,用于显示每场比赛的实时分数结果。该页面有两个部分:上一部分包含实时分数和比赛信息,下一部分包含评论区。 当我发表评论并单击提交页面刷新并转到信息部分时,我想添加评论并刷新页面,然后转到评论的位置(不向上)。 我的评论框代码为: $("#section_bar").after('<textarea rows="4" cols="50" id="" class="comment_area" name="reply_area" ></textarea><a

我有一个页面,用于显示每场比赛的实时分数结果。该页面有两个部分:上一部分包含实时分数和比赛信息,下一部分包含评论区。 当我发表评论并单击提交页面刷新并转到信息部分时,我想添加评论并刷新页面,然后转到评论的位置(不向上)。 我的评论框代码为:

$("#section_bar").after('<textarea rows="4" cols="50"  id="" class="comment_area" name="reply_area" ></textarea><a class="comment button small black" href="#" id="reply_'+match_id+'"><span>submit</span></a>');

            $("#reply_"+match_id).live('click',function(){
            text_area_value = $('textarea').val();
                $.ajax({
                    type: "POST",
                    url: 'comment_proxy.php',
                    data:{id:match_id, user_id:user_id, reply:text_area_value, date:today1, time:time},
                    dataType: "json",
                    success: function(data)
                    {
                        location.reload();          
                    },
                    error : function(XMLHttpRequest, textStatus, errorThrown) {
                        /*alert(XMLHttpRequest);
                        alert(textStatus);
                        alert(errorThrown);
                        alert(XMLHttpRequest.responseText);*/
                    }
                });
            });
$(“#节#条”)。在(“”)之后;
$(“#答复”+匹配id).live('单击',函数()){
text_area_value=$('textarea').val();
$.ajax({
类型:“POST”,
url:“comment_proxy.php”,
数据:{id:match_id,user_id:user_id,reply:text_area_value,date:today1,time:time},
数据类型:“json”,
成功:功能(数据)
{
location.reload();
},
错误:函数(XMLHttpRequest、textStatus、errorshown){
/*警报(XMLHttpRequest);
警报(文本状态);
警报(错误抛出);
警报(XMLHttpRequest.responseText)*/
}
});
});

我的问题是:我是否可以在
location.reload()
之后添加任何代码行,以强制页面提交和刷新,然后停留在提交之前的同一点或返回到提交之前的同一点???

而不是重新加载页面,
location.reload(),并且在不知道数据结果的格式的情况下,您可以按如下方式添加帖子中的结果:

使用javascript(因为我不是jQuery开发人员)


你为什么要刷新页面?Ajax的主要目的是避免页面重新加载,这样就不会发生这种情况……如果我不刷新,它就不会提交评论???你认为我的ajax格式错了吗?如果你想使用你的方法,请看一下使用哈希:@Basel success函数将仅在成功提交数据时调用。。!!所以你们可以采用不同的方法来刷新页面。例如,在以前的所有注释(如果有)的基础上添加最新注释。。
success: function(data)
{
    // add the "data" to your div
    document.getElementById("div_with_posts_id").innerHTML += data;

    // maybe clear/reset the form here ?

},