0

首先，我要感谢你们所有人帮助我解决我的最后一个问题（显示图像）。我真的很感谢你所有的时间和帮助。

现在我确实遇到了另一个关于重定向页面、更新 DIV 的棘手问题。

我的问题是，将产品添加到购物车后，页面重定向到商店页面，我真的不想要。我尝试使用“#”符号，但这引发了另一个问题，即更新购物车的 DIV。

我知道我应该使用 Ajax 之类的东西，而且我已经在网上搜索了几天的解决方案。但是，可悲的是，我很困惑，因为我是那些新鲜的鱼。我已经被这个头痛困扰了好几天了。有人可以帮我吗？

如果您可以清楚地看到它，下面是代码：

显示图像：

<div class="product">
        <h3>'.stripslashes($row['name']).'</h3>
        <div class="info">
            <img src="./product_images/'.$row['name'].'.jpg" width="150" border="2">
            <p>'.stripslashes($row['description']).'</p>
            Price:'.$row["price"].'<br>
            <font size ="2">In Stock: '.$row["qty"].'</font>
            <a href="addToCart.php?ID='.$row['id'].'"><img src="images/cart_navy.gif" border=0 alt=""></a>
        </div>
    </div>

如您所见，要添加特定项目，我调用并将 ID 发送给它。

add_To_Cart 的代码：

addToCart ();
echo "<SCRIPT language='Javascript'>
           //document.location=\"\admins/admin_index.php\";
       //document.location= ../index.html;
       //document.location=\"\./index.html\";
       document.location=\"\./store.php\";

       </SCRIPT>";}
       exit();

add To Cart() 函数在另一个名为 shopping_Cart 的脚本中声明

并且 shopping_Cart 还包含一个名为 get_Cart() 的函数来显示购物车详细信息。

在主页面（即商店）中，我调用 get_Cart() 来显示购物车的详细信息。

我的代码有点乱？对此感到抱歉。我不知道我是否清楚地解释了我的问题。基本上，我想单击产品的添加按钮，并调用 add_To_cart() 函数添加项目，并在不刷新且不重定向到其他页面的情况下更新 Cart Div 中的结果。

顺便说一句，我当前的代码对我有用。但问题是每次我点击“添加到购物车”按钮时，页面都会刷新并重定向到 store.php。

最好的祝愿！！

明

顺便说一句，我在我的电脑上尝试了 J 查询，.load() 函数不起作用。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs
/jquery/1.4.0/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#btn2").click(function(){
$("#test").load("load.php");
  });
});
</script>


<h3 id="test">Old Info</h3>
<button id="btn2" type="button">Load New Info</button>
4

1 回答 1

1

在标题中包含 jQuery 库，然后阅读jQuery 的 Ajax 文档。

这是一个非常简单的例子。假设您的页面有一个段落<p class='content'></p>，您希望使用位于您服务器上的 PHP 脚本的内容来更新该段落。

然后在页面中包含以下 JS 代码：

$('.process').click(function () {
    $.ajax({
        url: "test.php"
    }).done(function (response) {
        $('.content').html(response);
    });
});

然后在您的页面中包含一个将触发事件的链接：

<a href="#" class="process">Process Action</a>
于 2013-04-22T15:10:46.003 回答