Php 如何实现;单击“处理”,然后在DIV中显示内容,而不刷新和重选

Php 如何实现;单击“处理”,然后在DIV中显示内容,而不刷新和重选,php,Php,首先,我要感谢你们,感谢你们对我的最后一个问题(显示图像)给予的善意帮助。我真的很感谢你的时间和帮助 现在我遇到了另一个棘手的问题,关于重定向页面,更新DIV 我的问题是,将产品添加到购物车后,页面重定向到存储页面,这是我真正不想要的。我试图使用“#”符号,但这引发了另一个问题,即更新购物车的DIV 我知道我应该使用Ajax之类的工具,我已经在网上搜索解决方案好几天了。但是,可悲的是,我感到困惑,因为我是一个新鲜的鱼这些。我一直在 头痛了好几天了。有人能帮我吗 如果您能清楚地看到,下面是代码:

首先,我要感谢你们,感谢你们对我的最后一个问题(显示图像)给予的善意帮助。我真的很感谢你的时间和帮助

现在我遇到了另一个棘手的问题,关于重定向页面,更新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>

“.stripslashes($row['name'])”
“.stripslashes($row['description'])”

价格:'.$row[“价格”].
库存:'.$row[“数量”].'
如您所见,要添加特定项,我调用并将ID发送给它

添加到购物车的代码:

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();
addToCart();
回声“
//document.location=\“\admins/admin\u index.php\”;
//document.location=../index.html;
//document.location=\“\./index.html\”;
document.location=\“\./store.php\”;
";}
退出();
add To Cart()函数在另一个名为shopping\u Cart的脚本中声明

购物车还包含一个名为get_Cart()的函数,用于显示购物车的详细信息

在主页面store中,我调用了get_Cart()来显示购物车的详细信息

我的代码有点乱?对不起。我不知道我是否清楚地解释了我的问题。基本上,我希望单击产品的add按钮,并调用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>

$(文档).ready(函数(){
$(“#btn2”)。单击(函数(){
$(“#test”).load(“load.php”);
});
});
旧信息
加载新信息

在标题中包含jQuery库,然后阅读

这里有一个非常简单的例子。假设您的页面有一个段落

,您希望使用位于服务器上的PHP脚本中的内容更新该段落

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

$('.process').click(function () {
    $.ajax({
        url: "test.php"
    }).done(function (response) {
        $('.content').html(response);
    });
});
然后在页面中包含一个将触发事件的链接:

<a href="#" class="process">Process Action</a>


对不起,我是Ajax新手。关于您的代码,如何传递产品id?请参阅文档中的
data
参数。