form action 和 post 方法如何一起工作？答案

【问题标题】：how can form action and post method together work?form action 和 post 方法如何一起工作？
【发布时间】：2020-03-21 13:20:30
【问题描述】：

下面是我的代码。如果我不以 action="https://www.paypal.com/cgi-bin/webscr" 的形式使用此链接。在我的数据库中成功插入数据的形式。但是，当我使用此操作链接时。在数据库中，表单数据未发送

那么，form action 和 post 方法如何一起工作呢？

其实这是我想要点击提交按钮后，将标题数据成功插入我的数据库。然后页面重定向到 PayPal 结帐页面。

<?php
$database_username = 'root';
$database_password = '';
$pdo_conn = new PDO( 'mysql:host=localhost;dbname=shipping_pro', $database_username, $database_password );

if($_SERVER['REQUEST_METHOD'] == 'POST' && isset($_POST['insert'])) {
  $sql = "INSERT INTO posts (title) VALUES (:title)";
  $pdo_statement = $pdo_conn->prepare( $sql );
  $result = $pdo_statement->execute( array( 
    ':title'=>$_POST['title']
  ) );
  if (!empty($result) ){
    header('location:index.php');
  }
}
?>
<form method="POST" action="https://www.paypal.com/cgi-bin/webscr">
  <input type="text" name="title" placeholder="Title" />
  <input name="insert" type="submit" value="Add">
</form>

【问题讨论】：

您的表单针对的是贝宝网站。
使用ajax发送数据到db并使用ajax回调提交表单到paypal？
当您没有获得表单操作时，它将提交到同一页面，当您提供表单操作时，它将向该 URL 提交表单
@Jeto 这是我的贝宝主脚本。link我需要在我的数据库中保存选项值
嗨，@RamRaider。我试过回调函数。但是如果我使用回调函数。 PayPal 订阅脚本在回调函数中不起作用。它只在行动中发挥作用。

标签： php mysql database forms action

【解决方案1】：

我刚刚快速测试了我在上面评论中提到的use ajax and let the callback submit the form 想法 - 似乎工作正常，所以很想知道为什么这对你不起作用 - 从本质上讲，该表单对 Paypal 的所有意图和目的都是如此完全应该这样，所以我看不出它为什么不起作用（但可能还没有足够的咖啡？）

通过阻止 SUBMIT 按钮在单击时执行其默认操作 (e.preventDefault())，您可以中断表单的流程，并可以在提交之前注入您自己的逻辑。与其立即发送表单，不如将所需的任何数据发送到 PHP 脚本，然后它会记录到 db 并向 ajax 函数发送回复说“嗨，我已经完成 - 继续”等，然后回调实际上会继续提交表格。

<?php
    if( $_SERVER['REQUEST_METHOD']=='POST' ){
        ob_clean();

        /* log details to db */

        /*

        $database_username = 'root';
        $database_password = '';
        $pdo_conn = new PDO( 'mysql:host=localhost;dbname=shipping_pro', $database_username, $database_password );

        INSERT INTO posts (title) VALUES (:title) etc etc

        */

        /* send some sort of response to ajax callback */
        exit("banana's tend to be yellow and monkeys love 'em!");
    }
?>
<!DOCTYPE html>
<html lang='en'>
    <head>
        <meta charset='utf-8' />
        <title>Paypal: Record details to db and then submit to Paypal</title>
        <script>
            const ajax=function(url,params,callback){
                let xhr=new XMLHttpRequest();
                xhr.onload=function(){
                    if( this.status==200 && this.readyState==4 )callback.call( this, this.response )
                };
                xhr.onerror=function(e){
                    alert(e)
                };
                xhr.open( 'POST', url, true );
                xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
                xhr.setRequestHeader('X-Requested-With','XMLHttpRequest');
                xhr.send( params );
            };

            const clickhandler=function(e){
                e.preventDefault();

                let form=this.parentNode;

                const callback=function(r){
                    alert( 'Response from saving to db: '+r+'\nNow submit the form to PayPal!!!' );
                    form.submit();
                };
                ajax( location.href, 'title='+this.previousElementSibling.value, callback )
            };
            document.addEventListener('DOMContentLoaded', ()=>{
                document.querySelector( 'form > input[type="submit"][name="insert"]' ).addEventListener( 'click', clickhandler )
            });
        </script>
    </head>
    <body>
        <form method="POST" action="https://www.paypal.com/cgi-bin/webscr">
            <input type='hidden' name='cmd' value='_s-xclick' />
            <input type='hidden' name='hosted_button_id' value='S2QXVVPPL7EUE' />
            <input type='hidden' name='on0' value='BANANA' />
            <input type='hidden' name='os0' value='BANANA' />
            <input type='hidden' name='currency_code' value='GBP' />

            <input type="text" name="title" placeholder="Title" />
            <input name="insert" type="submit" value="Add">
        </form>
    </body>
</html>

【讨论】：

请解释一下"one more input file"的意思
嗨，@ramraider。感谢您的精彩评论。此评论效果很好。还有一个问题。你能告诉我吗？如何再添加一个输入文件。。当我再添加一个文件时。并尝试插入数据库。显示这个按摩。 ibb.co/tXwwz0Y
嗨，@ramraider。这是完整的代码。 docs.google.com/document/d/…
您可以尝试ajax( location.href, 'title='+document.querySelector('input[name="title"]').value+'&phone='+document.querySelector('input[name="phone"]').value, callback ) - 不过使用FormData 对象可能会更好。祝你好运 - 如果这有帮助，别忘了标记为正确
嗨，@ramraider。谢谢你的帮助。最后它起作用了。谢谢。

【解决方案2】：

试试下面的代码

<?php
$database_username = 'root';
$database_password = '';
$pdo_conn = new PDO( 'mysql:host=localhost;dbname=shipping_pro', $database_username, $database_password );

if($_SERVER['REQUEST_METHOD'] == 'POST' && isset($_POST['insert'])) {
  $sql = "INSERT INTO posts (title) VALUES (:title)";
  $pdo_statement = $pdo_conn->prepare( $sql );
  $result = $pdo_statement->execute( array( 
    ':title'=>$_POST['title']
  ) );
  if (!empty($result) ){
    header('location:https://www.paypal.com/cgi-bin/webscr')
  }
}
?>
<form method="POST" action="index.php">
  <input type="text" name="title" placeholder="Title" />
  <input name="insert" type="submit" value="Add">
</form>

【讨论】：

@MdRumman 如果对您有用，请将其标记为有效答案:)