javascript - jQuery $.post 基础知识

Question

我只是在学习如何使用 jquery，而且我很困惑。这是我正在尝试做的事情（出于练习/学习目的）：

1. 接受输入
2. 使用 jquery 将输入发布到 div 标签中

这是我的代码..但它不工作

<script type="text/javascript">
function test(data) {
$.post("<?php echo $_SERVER['PHP_SELF']; ?>", function(data) {
    $("#lol").innerHTML = data;
});
}
</script>

<form action="" onsubmit="test($(this.children()))" method="POST">
<input type="hidden"
    value="derp" />
<input type="text"
    name="herp" />
<a href="javascript:void(0)"
    onclick="test($(this).parent())">
    Submit
</a>
</form>
<div id="lol">...</div>

一些帮助/教程解释绝对很棒。谢谢！

Answer 1

该data变量被滥用。如果你想通过你的 post 请求发送数据，你会想要这样的东西：

function test(post_data_array) {
    $.post(
        "<?php echo $_SERVER['PHP_SELF']; ?>",
        post_data_array,
        function(response_data) {
            $("#lol").innerHTML = data;
        }
    );
}

在您的示例中，根本没有发送表单数据。希望这可以帮助！

jQuery $.post() 参考： http ://api.jquery.com/jQuery.post/