javascript - 如何将数据添加到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 个产品添加到购物车然后结帐。但是这段代码不起作用它刷新页面并且数组产品每次都是空的
解决方案
尝试使用此代码并使用 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);
推荐阅读
- angular - 从 HTTP GET-Request (Angular 11) 中只获取一个参数
- typescript - Typescript const 名称和接口 - 如何实现?
- docker - 我无法访问 docker 中的暴露端口
- r - R:将错误显示的外来字符转换为正确的编码(双mojibake)
- java - 无法运行程序“C:\Program Files\Java\jdk1.8.0_202\bin\java.exe”格式错误的参数已嵌入引用:-Djava.endorsed.dirs=
- javascript - 我可以使用 CSS 进行擦除过渡吗?
- rjava - “加载制表程序库时出现问题,出现类加载器错误
- ruby-on-rails - Rails 显示从数据库到索引页面的所有数据如何停止呢?
- linux - squid 代理拒绝电报和推特上的连接
- python - Python 搜索字符串包含字符