1

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

ネットワークタブのヘッダーのフォームスクリーンショットを送信すると： フォーム送信時のネットワーク タブのヘッダーのスクリーンショット

応答タブ:

array(0) {
}
4

2 に答える 2

0

おそらくこれは、鉄の形式の POST データを使用すると JSON 形式で送信されるためです。ブラウザの開発者ツールの [Params] タブを見て、何が送信されているかを確認してください。

PHP スクリプトの var_dump($_POST) は、デコードされない場合、空の文字列を返します。

次のように、サーバー側で I/O ストリームと json_decode にアクセスするために php://input で file_get_contents を試してください。

サーバー側の 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 に答える