首页 > 解决方案 > 如何将数据添加到javascript数组php

问题描述

我有应该将产品添加到购物车的表格:

<form method="post" >
    <input type="hidden" value="<?php echo $product['id']?>" id="productId" name="productId">
    <input type="hidden" value="<?php echo $product['fasi2']?>" id="price">
    <button class="btn btn-primary btn-outline-secondary" style="position: relative; top: -40px; left: 80px" type="submit" name="add" onclick="myFunction()">დამატება</button>
</form>

<script>
   var products= [];
   function myFunction(){
       products.push("<?php echo $product['id']?>\<?php echo $product['price']?>\");
       alert("<?php echo $product['id']?> added Succesfully")
   }
</script>

我需要将最多 5 个产品添加到购物车然后结帐。但是这段代码不起作用它刷新页面并且数组产品每次都是空的

标签: javascriptphpajax

解决方案


尝试使用此代码并使用 ajax 在 php 会话中发送值。

<form method="post" >
    <input type="hidden" value="<?php echo $product['id']?>" id="productId" name="productId">
    <input type="hidden" value="<?php echo $product['fasi2']?>" id="price">
    <button class="btn btn-primary btn-outline-secondary" style="position: relative; top: -40px; left: 80px" type="submit" name="add" onclick="myFunction()">დამატება</button>
</form>

<script>
    var products= [];
    var prices = [];
    function myFunction(){
        var product = $('#productId').val();
        var price   = $('#price').val();
        products.push(product);
        prices.push(price);
        alert( product +" added Succesfully ");
    }
</script>

如果您想查看产品数组,请在脚本函数中包含此行。检查您的谷歌浏览器控制台。:)

console.log(products);

推荐阅读