jQuery $ .post基础知识

时间:2012-05-29 00:26:55

标签: javascript jquery

我只是在学习如何使用jquery,而且我感到困惑。这是我正在尝试做的事情(用于练习/学习目的):

  1. 接受输入
  2. 使用jquery
  3. 将输入发布到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>
    

    一些帮助/教程解释绝对精彩。谢谢!

1 个答案:

答案 0 :(得分:1)

data变量被滥用。如果你想用你的帖子请求发送数据,你会想要这样的事情:

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/