1

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

测试.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>

索引.php：

<?php
    var_dump($_POST);
?>

当我提交网络标签中标题的表单截图时： 表单提交时网络选项卡中标题的屏幕截图

响应选项卡：

array(0) {
}
4

2 回答 2

0

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

如果未解码，php 脚本中的 var_dump($_POST) 将返回一个空字符串。

尝试使用 php://input 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>

于 2015-07-15T17:29:00.757 回答
0

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

副手看起来你正在提交，/user/put但你var_dump在一个index.php，确保你的文件路径是正确的。

于 2015-07-14T14:01:57.177 回答