0

イベントのあるフォームがありonkeyupます。php スクリプトに変数を送信し、結果を div に表示しようとしています。

このフォーラムのおかげで、テスト機能が半分になりました。

jQuery.post(the_ajax_script.ajaxurl,

続行すると: 1) jQuery("#theForm").serialize(), "Hello World" という応答テキストが表示されます。変数を渡そうとすると: 2){ name: "p" }, 取得: -1

JavaScript

function submit_me(){
jQuery.post(
    the_ajax_script.ajaxurl, 
    { name: "p" },
function(response_from_the_action_function){
    jQuery("#txtHint").html(response_from_the_action_function);
    }
);
}

PHP

<?php
function the_action_function(){
$name = $_POST['name'];
echo "Hello World, " . $name;
die();
}
?>

<form id="theForm">
 <input type="text" name="user">
 <input name="action" type="hidden" value="the_ajax_hook">
 <input id="submit_button" value = "Click This" type="button" onkeyup="submit_me()">
<form>

私は実際にonkeyup="submit_me(this.value, 0)" 、admin-ajax.php ファイルを介して WordPress でこれを実行したいと考えています。

これのどこに問題があるのですか?

編集

どうやら私はデータにアクションを追加しなければならなかった

{ action:'the_ajax_hook', name:"p" }

例を次のように見たので、jQueryではなくWPの要件だと思います。

$.post("test.php", { name: "John", time: "2pm" }

どこにでも。

4

1 に答える 1

0

このようなものが機能するはずです:

<html>
    <head>
        <script>
            $(document).ready(function() {
                $("#my_form").submit(function(event) {
                    event.preventDefault() // to prevent natural form submit action
                    $.post(
                        "processing.php",
                        { name: "p" },
                        function(data) {
                             var response = jQuery.parseJSON(data);
                             $("#txtHint").html(response.hello_world);
                        }
                    );
                });
            });
        </script>
    </head>
    <body>
        <form id="my_form" action="/" method="post">
            <input type="text" name="user" />
            <input name="action" type="hidden" value="the_ajax_hook" />
            <input type="button" name="submit" value = "Click This" />
        </form>
        <div id="txtHint"></div>
    </body>
</html>

そして、processing.phpで:

<?php
    $name = $_POST['name'];
    $response['hello_world'] = "Hello World, " . $name;
    echo json_encode($response);
?>
于 2012-08-04T19:34:43.280 に答える