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" }

我猜它的 WP 要求，而不是 jQuery，因为我看到了这样的例子：

$.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 回答