如何使用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 ?
},