JQuery:刷新页面作为函数的一部分

时间:2011-04-17 00:52:21

标签: jquery function refresh

关注:

以下解决方案非常适合刷新页面。谢谢!

我所拥有的项目允许用户单击后退箭头并查看已编辑文本的过去版本。

我真正想做的是在编辑任何页面之后总是将用户引导回索引页面(project.php)(它们似乎可以编辑过去的版本(例如project.php / version5),但最近的编辑只是显示在索引页面上)。当我使用时,这很有用:

function update(id){
// get value of user input field
var value = $("#newtext").val();

// save new word to database
$.post("save.php?word_id=" + id + "&word=" + value, function(data){

// redirects edits of past versions of text to current version on index page
window.location = "project.php";

});

}

如果用户在“过去”中编辑(例如在projectphp / version5上),则会始终将用户带回主页面。

但是,出于某种原因,在索引页面上进行编辑现在实际上并不会导致页面自行刷新(就像我使用window.location.reload时那样)或显示新的编辑,除非用户手动重新加载页面。 / p>

这是一个缓存问题,我可以解决吗?


您好。我正在使用内联编辑器jQuery插件,并且我编写了一个函数,在单击保存按钮时将用户的文本编辑更新到mySQL数据库。

我还想在点击该按钮时刷新页面。

我想知道我是否可以简单地为函数添加一个刷新行,或者我是否必须编写一个新函数(以及那将是什么)。我已经浏览了相关的StackOverflow问题,并且我使用过的jQuery刷新行似乎都没有。例如,这不起作用:

function update(id){

// get value of user input field
var value = $("#newtext").val();


// save new word to database
$.get("save.php?word_id=" + id + "&word=" + value);

location.reload();

}

稍后在代码中使用该函数:

.html('<input type="text" maxlength="36" id="newtext" value="'+ self.value() +'"> <button onClick="update(' + id + ');">' + options.buttonText +'</button>')

这可能是一个相当容易的修复,但我对游戏有点新意。任何建议的话都会受到赞赏!

2 个答案:

答案 0 :(得分:1)

你可以这样做:

window.location.href = window.location.href;

但你应该在.get()的回调函数中做到这一点,以确保首先完成:

$.get("save.php?word_id=" + id + "&word=" + value, function(data){
  window.location.href = window.location.href;
});

答案 1 :(得分:0)

您也可以使用window.location.reload()