Question

我有2个单独的页面，index和add_data。最初，索引页面已打开，此页面有一个链接，可在另一个选项卡中打开add_data页面。现在add_data页面有一个表单，其数据通过ajax保存。如果ajax返回成功消息，我希望刷新索引页面。

负责重定向的索引页上的代码

def edit
  @message = Message.find(params[:id])

  respond_to do |format|
    format.html { redirect_to @message }
    format.js 
  end
end

add_data页面上的ajax代码

<a href="<?php echo base_url(); ?>class/add_data" target="_blank">Add Data</a>

任何人都可以告诉我们如何做到这一点

Answer 1

试试这个：

索引页

<a class="click" href="<?php echo base_url(); ?>class/add_data" target="_blank">Add Data</a>

<script>

 localStorage.setItem("return_suc", "0");
 $('body').on('click', '.click', function(){
    localStorage.setItem("return_suc", "1");
 });

window.setInterval(function(){
    if(localStorage["return_suc"] == "1"){
        location.reload();
    }
}, 500);

</script>

add_data page

jQuery.ajax(
      {
        type: "POST",
        url: "<?php echo base_url(); ?>" + "class/student/" ,
        data: formData,
        processData: false,
        contentType: false,
        success: function(res) {
             localStorage.setItem("return_suc", "1");
          }
      });

Answer 2

根据Reload parent window from child window，您可以使用window.parent.location.reload()，假设您已在add_data页面内使用JavaScript window.open(...)打开index页面。

刷新当前页面的不同页面

2 个答案: