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