Question

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

现在我遇到了关于重定向页面，更新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>

Answer 1

在标题中包含jQuery库，然后阅读jQuery's Ajax documentation。

这是一个非常简单的例子。假设您的页面有一段<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>

如何实现“单击，处理然后在DIV中显示内容而不刷新和重定向”

1 个答案: