有没有办法让表单提交两次?

Is there a way to make a form submit twice?

我正在从 XML 文件加载值,然后使用 php 页面上的表单更新 XML。我的问题是这样的 - 我有一个查询 运行ning 对节点的计数,它工作得很好,但我也想用计数更新节点并取回准确的值。当我提交我的表单时,它会按我加载文件时的原样提交值,但是为了正确更新计数(因为我需要更新的节点数)我需要提交两次。我试图让它在正文加载函数上提交表单,但据我所知,当您点击提交按钮时,它不会进行真正的整页刷新。它会重新加载页面,但我实际上无法 运行 任何脚本或加载函数。我想到但无法弄清楚如何实施的替代方案是,如果我将选项值更改为关闭,则计数会下降。

<!DOCTYPE html>
<?php
$xml->load('test.xml');
$xpath = new DOMXpath($xml);
$liftsopen = $xpath->query("//node/Lifts-Open")->item(0);
$lift1status = $xpath->query("//areas/area[@name='Lift1']/lifts/lift[@name='Lift1']/@status")->item(0);
$lift2status = $xpath->query("//areas/area[@name='Lift2']/lifts/lift[@name='Lift2']/@status")->item(0);

$liftcount = 0;
foreach ( $xpath->query('//lifts/lift[@status="OPEN"]') as $count1 )   {
 $liftcount++;
}

if ($_SERVER['REQUEST_METHOD'] == 'POST') {
    $lift1->nodeValue = $_POST['lift1statusform'];
    $lift2->nodeValue = $_POST['lift2statusform'];
    $liftsopen->nodeValue = $liftcount;
    $xml->save('test.xml');
}
?>

<body>
<form method="POST" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>">
        <h4>Lift1</h4>
        <select name="lift1statusform" >
          <option selected value="<?= htmlspecialchars($lift1status->nodeValue)  ?>"><?= htmlspecialchars($lift1status->nodeValue)  ?></option>
          <option value="OPEN">OPEN</option>
          <option value="CLOSED">CLOSED</option>
        </select>
        <h4>Gondola</h4>
        <select name="lift2statusform" >
          <option selected value="<?= htmlspecialchars($lift2status->nodeValue)  ?>"><?= htmlspecialchars($lift2status->nodeValue)  ?></option>
          <option value="OPEN">OPEN</option>
          <option value="CLOSED">CLOSED</option>
        </select>        
<input name="submit" type="button" value="Save"/>
</form>
</body>
</html>

使用以下 Ajax 函数提交表单两次:

function Test() {
    var form = $('form');
    $.ajax({
      type: 'POST',
      url: form.attr('action'),
      data: form.serialize(),
      success: function(data) {
        $.ajax({
          type: 'POST',
          url: form.attr('action'),
          data: form.serialize(),
          success: function(data) {
          location.reload(true);
          }
        });
        }
      });
    }

AJAX 会是您问题的有效解决方案吗?

如果您需要执行多个 "form submits",您应该查看 AJAX 的功能。 Ajax 允许您使用 back-end PHP 文件发送交换数据而无需离开(甚至刷新)当前页面。也许这就是你的解决方案。

与大多数js动作一样,可以是event-driven(即由某个事件触发one-or-more-times),也可以是循环内重复等等

AJAX 大部分是使用 jQuery 库实现的:

$(document).ready(function(){
    $.ajax({
        type: 'post',
         url: 'my_backend_file.php',
        data: {varname:value}
    }).done(function(recd){
        console.log('data recd from PHP side, if needed: ' + recd);
    });
});

尽管在 vanilla js 中处理得同样好。

参考文献和其他示例:

https://www.html5rocks.com/en/tutorials/file/xhr2