Question

I want the page to be refreshed after the user has clicked a certain button but the problem is this page A is loaded within another page B so when I use location.reload(), it always refreshes back to B than A.

For instance,

My page B is called customerMain.html, and inside I use jQuery to load the page A (called customerOrders.html) when the customer clicks "Orders" tab.

Page B:

<button id="orders-page">Orders</button>
<div id="page-switch"></div>
<script>
  $("#orders-page").on("click", function(){
    $("page-switch").load("customerOrders.html");
  });
<script>

Page A:

<button id="refresh-page">Refresh</button>
<script>
  location.reload() // Refreshes to Page B BUT want Page A
<script>

I tried to solve it by changing location.reload() to window.location.href = "customerOrders.html", but the problem on this is actually in my project, Page B have other tabs too but this command will eliminate the tabs in Page B and only show Page A's content, and the CSS I predefined in Page B but also applied to page A(I know it's better to link the external CSS) also get lost.

Any good idea to solve this? Thanks!

PS: Yea, I mean after click Refresh button in Page A it should perform the same thing as you click the Orders button in Page B

Answer 1

我从Refresh Part of Page (div)得到了提示，并将我的代码行更改为

$("page-switch").load("customerOrders.html");

它有效！我不知道如果该页面包含该页面，我们可以使用jQuery从外部页面中选择一个元素。

非常欢迎您在这里发布另一个更好的答案。

但是我有一个新问题，我在页面B中有一个div，在页面A的一个div中有一个相同的ID（A包含B）怎么办？如果我在页面B中选择此div，它是否会在页面A中实际覆盖它并选择页面B中的div？

Use of location.reload() to refresh the current page when this page is loaded within another page

1 个答案: