尝试使用Javascript、Php和Ajax更新购物车

我试图从数组中选择一个项目，通过ajax调用推送到购物车中，但我的JS技能有点弱，需要一些指针

这是ht js

$(document).on('click', 'button', function() {
var element = $(this).closest('.items');
var image = element.find('img')[0].src;
var name = element.find('input').val();
var price=document.find('input').val();

$.ajax({
    type:'post',
    url:'store_items.php',
    data:{
      item_src:img_src,
      item_name:name,
      item_price:price
    },
    success:function(response) {
      document.getElementById("total_items").value=response;
    }
  });

}

function show_cart()
{
  $.ajax({
  type:'post',
  url:'store_items.php',
  data:{
    showcart:"cart"
  },
  success:function(response) {
    document.getElementById("mycart").innerHTML=response;
    $("#mycart").slideToggle();
  }
 });

}

这是一个while循环，用于显示产品列表

    while ($row = mysqli_fetch_array($r)) {

    echo '
    <div class="items" id="item">
    <a href="doc_view.php?prod_id='.$row["prod_id"].'"> '.$row["prod_name"]. '</a>';

    echo "
    <div class='product_display'>
    <p><img src='../admin/uploads/".$row['file_upload']."'></p>";    


   echo"
    <input type='button' value='Add To CART' id='cart_button' onclick='cart(\"item\");' "; 

    echo'
    <p>Price - '.$row["prod_price"]. '</p>
    <input type="hidden" class="item_name" value="'.$row["prod_name"]. '">
    <input type="hidden" class="item_price" value="'.$row["prod_price"]. '">';?>

    <?php echo'
    </div>
    </div>
    ';


    } 

我正在努力让产品显示在购物车中-我这样显示：

$(document).ready(function(){

  $.ajax({
    type:'post',
    url:'store_items.php',
    data:{
      total_cart_items:"totalitems"
    },
    success:function(response) {
      document.getElementById("total_items").value=response;
    }
  });

});


<p id="cart_button" onclick="show_cart();">
  <input type="button" id="total_items" value="">
</p>

<div id="mycart">
</div>

<a href="../index.php">home</a>
<div id="item_div">

---

为什么要退出jQuery以获得成功函数？可以很容易地为$'total_items'。htmlresponse；在请求/响应过程中，您是否观看了浏览器的控制台？@JayBlanchard是的，我收到了一些恼人的错误，说我缺少了一个，但它表明这句话我不相信它是对的。。。。我正在添加它，但不断得到它-我认为我上面的代码是不正确的诚实，但我与之斗争JS@JayBlanchard我遇到的问题是，它没有将数组中的项目添加到购物车中-是元素.find让我失望了吗？看起来您没有正确关闭单击功能。它以}结尾。但它应该是}；