通过Java脚本获取发布到操作页面的价值

时间:2018-10-09 22:11:46

标签: javascript php forms

如何通过Java脚本将价值发布到行动页面?

test.php:

<form action="/shop/cart.php" method="post">
    <input type="hidden" name="price" value="300"/>
    <div name="mysubmitbutton" id="mysubmitbutton" class="customButton" onclick="this.parentNode.submit()">
        Button Text
    </div>
</form>

cart.php:

<?php 
    if(isset($_POST['mysubmitbutton'])){
      echo (int)$_POST['price']; 
    }
?>

但是在cart.php中没有任何输出,因为我使用javascript发送,然后如何获取值300并在cart.php中回显?

2 个答案:

答案 0 :(得分:1)

提交工作正常,但是div不是表单元素,未发送值,因此永远不会进入if块。将您的php更改为:

if(isset($_POST['price'])){
  echo (int)$_POST['price']; 
}

答案 1 :(得分:0)

PHP在服务器上执行,而JS-在浏览器中。您需要的是:

document.querySelector('form').addEventListener('submit', (e) => {
  e.preventDefault();
  console.log(e.currentTarget.querySelector('[name="price"]').value);
})