javascript - 如何在提交 HTML 表单时强制不接收数据

Question

我正在制作一个表单，该表单会在页面加载时自动提交。它将POST数据提交到另一个域，问题是当提交表单时，它会自动从另一个域接收php格式的JSON数据，该数据是由我的用户。我希望我的表单应该提交数据但不接收响应，或者如果收到响应则应丢弃而不下载该数据。

index.html

 <form name="certform" id="contactForm" action="http://example.com/submit.php" Method="POST">


  <input type="hidden" name="VoteId" value="111AAA" />

  <input type="hidden" name="VoteName" value="Vote&#33;" />

  <input type="hidden" name="CheckedBox" value="3" />

  <input type="submit" value="Submit request" />

</form>

提交后，它会发送数据，但也会接收响应并下载它。这不应该发生。

条件是:

1. 我无权访问其他域 (example.com)

2. 我可以完全访问我自己的服务器(PHP、Jquery、JS、HTML)

3. 表单应自动提交

4. 如果其他域 (example.com) 发回数据，则不应将其自动下载到用户的浏览器中。

Answer 1

在 PHP 中，您可以使用curl 来实现此目的，以便发送 POST，但发送后您仍然可以管理必须执行的操作:

if(isset($_POST['request'])) {

    $url = 'http://example.com/submit.php';
    $fields = array(
        'VoteId' => $_POST['VoteId'],
        'VoteName' => $_POST['CheckedBox'],
        'CheckedBox' => $_POST['CheckedBox'],
    );
    $count = count($fields);
    $fields = http_build_query($fields);

    $ch = curl_init($url);
    curl_setopt($ch,CURLOPT_POST, $count);
    curl_setopt($ch,CURLOPT_POSTFIELDS, $fields);
    $result = curl_exec($ch);
    curl_close($ch);
}

?>

<form name="certform" id="contactForm" action="" Method="POST">
    <input type="hidden" name="VoteId" value="111AAA" />
    <input type="hidden" name="VoteName" value="Vote&#33;" />
    <input type="hidden" name="CheckedBox" value="3" />

    <input type="submit" name="request" value="Submit request" />
</form>