会话变量更改时重新加载iframe内容

Question

I'm making a webshop for a school project, and i've got an issue with the shopping cart. because the shoppingcart & webshop are in different iframes on the main page(got quite a few images on main page, don't want to reload that, thats why it's in iframes).

Basically, my issue is that when something is selected in the webshop, the shopping cart doesn't update untill the entire webpage is reloaded. I'm storing shopping cart info in an array in a SESSION variable. basically, what i want is to reload the iframe of the cart when the session variable changes.

If the answer involves anything besides PHP/javascript, please give a clear explaination/example code, i've never used anything outside of PHP/js/html/css before. Thanks in advance :) been stuck on this for a few days now :S

Answer 1

创建一个javascript函数，以在用户向购物车中添加内容时触发以下代码：

document.getElementById('some_frame_id').contentWindow.location.reload();

Answer 2

我前面没有代码，但是我做了类似的事情，在父级中，您可以在“消息”上创建一个事件侦听器，然后在iframe中，您可以调用parent.postMessage，只要它们在同一域

Answer 3

Although APAD1's answer directly addresses what you asked, it sounds like your program has some deeper design problems. Using iframes for content from the same site (ie within one domain rather than content from a separate site) is bad practice.

Consider instead displaying content in <div> s with unique ids, and using javascript to update the contents of those divs. If you're using PHP on the back end, you can create a "page" that only generates the cart contents part of your page. Not only can you include it in each page without changes, but you can load it directly with javascript and insert the result into the current page to update it in place.

Whenever your user adds an item to their cart, you can call the javascript method that refreshes the <div> with the cart's contents.