Question

我想获取我在我的页面中从数据库中获取的图像并再次在div中显示它们，并通过ajax进行id测试我希望在我点击带有addCart类的按钮时再次在带有测试ID的div中显示获取的数据。我想我必须获得按钮的价值，我将其设置为我的数据库中的产品ID。我的问题是如何在ajax代码中获取id？

    $(document).ready(function(){
        $(".addCart").click(function(){
            $.post(".addCart.val()",function(data){
                $("#test").html(data).show();
            });
        });
    });

<div id="test" style="background-color: grey"></div>

   <?php while ($row = mysqli_fetch_array($products)):?>
            <div class="span3">
                <div class="product">
                    <div class="product-img">
                        <div class="picture">
                            <img src="images/<?php echo $row['image'] ?>" alt="" width="540" height="374" />
                            <div class="img-overlay">
                                <a href="#" class="btn more btn-primary">توضیحات بیشتر</a>
                                <button value="<?php echo $row['id']?>" class="btn buy btn-danger addCart">اضافه به سبد خرید</button>
                            </div>
                        </div>
                    </div>
                    <div class="main-titles no-margin">
                        <h4 class="title"><?php echo $row['price'] ?></h4>
                        <!--<h5 class="no-margin">محصول ویژه 434</h5>-->
                    </div>
                    <p class="desc"><?php echo $row['name']?></p>
                    <p class="center-align stars">
                        <span class="icon-star stars-clr"></span>
                        <span class="icon-star stars-clr"></span>
                        <span class="icon-star"></span>
                        <span class="icon-star"></span>
                        <span class="icon-star"></span>

                    </p>
                </div>
            </div> <!-- /product -->
 <?php endwhile;?>

Answer 1

    $(".addCart").click(function(event){
        var id = event.target.val();
    });

这将获得您的按钮元素的值。但这个id是一个有效的URL来进行ajax调用吗？我不这么认为。请在返回工作之前结帐Jquery Docs

Answer 2

在您的代码中，您没有将正确的值传递给php文件请在您的代码中进行更正

 $(document).ready(function(){
        $(".addCart").click(function(){
         var jq = $(this);
         var cart_id = jq.val(); /* get cart value */
            $.post("ajax.php",{cart_id:cart_id},function(data){
                $("#test").html(data).show();
            });
        });
    });

并在 php ajax.php文件中获取cart_id

<?php 
 if(isset($_POST['cart_id'])){
     /* put your code here */
  }
?>

通过ajax从php标签获取值

2 个答案: