添加按钮无法增加数量仅刷新页面，请求排查代码问题

你的加号按钮点击后只刷新页面、无法实现数量增加的问题，根源在于两个关键问题：

1. Submit按钮的默认行为 #

<input type="submit">的默认作用是提交所在的表单，点击后会触发页面跳转/刷新，这会直接打断你原本想要执行的数量增加逻辑。

2. Onclick事件的语法错误 #

你的按钮代码里onclick =action ="addQuan.php"是错误写法，JavaScript事件绑定的语法完全不正确，而且直接写PHP文件路径也无法触发后端逻辑的执行。

修复方案（分两种场景） #

场景1：异步更新（不刷新页面，用户体验更好）

把submit按钮改成普通button，用JavaScript+AJAX调用后端接口，同时实时更新输入框数值：

<input type="number" size="2" title="Input value" placeholder="0" id="doni" name="Value" required maxlength="4" onKeyDown="limitText(this,4);" />
<!-- 替换为普通button，避免默认表单提交 -->
<input type="button" value="+" name="button" title="Add" onclick="addQuantity()" />

<script>
function addQuantity() {
    // 获取当前输入框数值，默认值设为0避免空值报错
    const input = document.getElementById('doni');
    const currentValue = parseInt(input.value) || 0;
    // 增加数量（步长可根据需求调整）
    input.value = currentValue + 1;

    // 异步调用后端接口保存数据（如果需要持久化到数据库）
    const formData = new FormData();
    // 补充你需要传递的参数，比如memi、code等，根据实际表单调整
    formData.append('memi', '<?php echo $_POST['memi'] ?? ''; ?>');
    formData.append('code', '<?php echo $_POST['code'] ?? ''; ?>');
    formData.append('Value', input.value);

    fetch('addQuan.php', {
        method: 'POST',
        body: formData
    })
    .then(response => response.text())
    .then(data => {
        // 可在这里处理后端返回结果，比如提示成功/失败
        console.log('数量更新成功:', data);
    })
    .catch(error => {
        console.error('请求出错:', error);
    });
}
</script>

<?php 
include('connect.php');
// 补充后端接收AJAX请求的逻辑
if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['Value'])) {
    $id = $_POST['memi'];
    $a = $_POST['code'];
    $c = $_POST['Value'];
    // 执行数据库更新操作，示例：
    // $stmt = $conn->prepare("UPDATE your_table SET quantity = ? WHERE memi = ? AND code = ?");
    // $stmt->bind_param("isi", $c, $id, $a);
    // $stmt->execute();
}
?>

场景2：允许页面刷新（简单场景快速实现）

如果你接受页面刷新，需要确保表单结构正确，让按钮提交时先更新数值再触发后端逻辑：

<!-- 用form标签包裹，指定提交目标为addQuan.php -->
<form method="POST" action="addQuan.php">
    <!-- 隐藏域传递需要的参数 -->
    <input type="hidden" name="memi" value="<?php echo $_POST['memi'] ?? ''; ?>" />
    <input type="hidden" name="code" value="<?php echo $_POST['code'] ?? ''; ?>" />
    <input type="hidden" name="bname" value="<?php echo $_POST['bname'] ?? ''; ?>" />
    
    <input type="number" size="2" title="Input value" placeholder="0" id="doni" name="Value" required maxlength="4" onKeyDown="limitText(this,4);" />
    <!-- 保留submit按钮，点击时先更新数值再提交 -->
    <input type="submit" value="+" name="button" title="Add" onclick="updateQuantityBeforeSubmit()" />
</form>

<script>
function updateQuantityBeforeSubmit() {
    const input = document.getElementById('doni');
    const currentValue = parseInt(input.value) || 0;
    input.value = currentValue + 1;
    // 不阻止默认行为，表单会正常提交到addQuan.php
}
</script>

在addQuan.php中处理表单提交逻辑：

<?php
include('connect.php');
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    $id = $_POST['memi'];
    $a = $_POST['code'];
    $b = $_POST['bname'];
    $c = $_POST['Value'];
    // 执行数据库更新操作
    // 示例：
    // $stmt = $conn->prepare("UPDATE your_table SET quantity = ? WHERE memi = ?");
    // $stmt->bind_param("ii", $c, $id);
    // $stmt->execute();
    // 跳转回原页面
    header("Location: your_current_page.php");
    exit;
}
?>

总结：优先推荐异步更新的方案，用户体验更流畅；如果是简单场景，表单提交的方式也能快速解决问题，但要确保参数传递和后端逻辑正确。

内容的提问来源于stack exchange，提问作者diego diega