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);
?>

当我在网络标签中提交标题的表单截图时： Screenshot of headers in network tab when form submit

响应标签：

array(0) {
}

Answer 1

根据您的网络日志iron-form 正常工作，问题必须在PHP端。

看起来您似乎已经提交到/user/put，但var_dump位于index.php，请确保您的文件路径正确无误。

Answer 2

也许这是因为使用铁形式的POST数据是以JSON格式发送的，请查看浏览器开发工具Params选项卡以查看发送的内容！

如果没有解码，php脚本中的

var_dump（$ _ POST）将返回一个空字符串。

尝试使用php：//输入file_get_contents来访问服务器端的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>

聚合物铁形式后法不起作用$ _POST变量空

2 个答案: