Polymer iron-form post 方法不工作 $_POST 变量为空

Question

当我使用 post 方法时 iron-form 不起作用，但 get 方法有效。这是代码：

test.php:

<script>
    document.addEventListener("WebComponentsReady",function() {
        document.querySelector("#form").addEventListener('iron-form-submit',function(e){
            });
        document.querySelector("#form").addEventListener('iron-form-response',function(e){
            console.log(e);
        });
        document.querySelector("#form").addEventListener('iron-form-error',function(e,s,d){
            console.log(e);
            alert('iron form error!');
        });
    });
</script>
<body>
    <form is="iron-form" id="form" method="post" action="/user/put">
        <input name="address" required>
        <input type="submit" value="submit" >
    </form>
</body>

index.php:

<?php
    var_dump($_POST);
?>

当我在网络选项卡中提交 headers 的表单截图时：

响应选项卡：

array(0) {
}

Answer 1

根据你的网络日志iron-form 是正常工作，问题一定在PHP这边。

看起来您正在提交给 /user/put，但您的 var_dump 在 index.php 中，请确保您的文件路径正确。

Answer 2

可能是因为使用 iron-form POST 数据以 JSON 格式发送，请查看浏览器开发者工具的参数选项卡以查看发送的内容！

var_dump($_POST) 在 php 脚本中 return 如果未解码则为空字符串。

尝试 file_get_contents 使用 php://input 访问 I/O 流和服务器端的 json_decode，如下所示：

服务器端php脚本：

<?php
$datas = file_get_contents("php://input");
$_POST = json_decode($datas, true);

$return = '<ul>';
foreach($_POST as $index=>$val) {
    $return .= '<li>'.$index.'/'.$val.'</li>';
}
$return .= '</ul>';

echo '{"my_return": "'.$return.'"}';

聚合物成分：

<dom-module id="my-form">
    <template>
        <div class="horizontal center-center layout">
            <div>
                <div class="horizontal-section">
                    <form is="iron-form" id="formGet" method="post" action="add.php">
                        <paper-input name="name" label="Name" value="John Doe" required></paper-input>
                        <paper-input name="age" label="Age" value="97" required></paper-input>
                        <br><br><br>
                        <paper-button raised onclick="clickHandler(event)">Submit</paper-button>
                    </form>
                </div>
            </div>
        </div>
    </template>
    <script>

        function clickHandler(event) {
            Polymer.dom(event).localTarget.parentElement.submit();
        }

        Polymer({
            is: 'my-form',
            listeners: {
                'iron-form-response': 'formResponse',
                'iron-form-submit': 'formSubmit',
                'iron-form-error': 'formError'
            },
            formError: function(e) {
                alert(e.detail.error);
        },
        formSubmit: function(e) {
            //alert(document.getElementById("formGet").serialize().name);
            //alert(document.getElementById("formGet").serialize().age);
        },
        formResponse: function(e) {
             document.getElementById('contentECLP').innerHTML = e.detail.my_return;
       }
    });
</script>

Polymer iron-form post 方法不工作 $_POST 变量为空

Polymer iron-form post method not working $_POST variable empty

php

forms

polymer

polymer-1.0

polymer-starter-kit