jQuery $ .post不起作用

Question

我刚刚开始使用jQuery，但无法正常工作。

在index.php页面上，我想要一个张贴到search.php的搜索表单。 接下来，我希望将search.php的HTML（只会是带有结果的表）插入到index.php的“结果” div中。

这是我正在使用的代码：

<script type="text/javascript">
  /* attach a submit handler to the form */
$(document).ready(function () {
    alert("Ok - 1");
    $("#zoeken").submit(function (event) {
        alert("Ok - 2");
        event.preventDefault();
        $.post("https://nodots.nl/labs/dd/search.php", $("#zoeken").serialize() {
            alert("Ok - 3");
            success: function (html) {
                $("#result").empty().html(html);
                alert("Ok - 4");
            }
        });
    });
});
</script>

这些警报是用于调试的，但是没有一个出现。 谁能告诉我我在做什么错？

Answer 1

语法错误...

 $.post("https://nodots.nl/labs/dd/search.php", $("#zoeken").serialize(){
 alert("Ok - 3"); 
 success: function(html){
 $("#result").empty().html(html);
 alert("Ok - 4");
 }
 });

在您的第一行，应改为：

$.post("https://nodots.nl/labs/dd/search.php", $("#zoeken").serialize(), function() {

Answer 2

我不确定你在做什么。

$.post()的正确格式为：

$.post(url, post_items, callback);

您应该拥有的是：

    $.post("https://nodots.nl/labs/dd/search.php", $(this).serialize(), 
                                                   //this is the form!
        function(html) {
            $("#result").empty().html(html);
            alert("Ok - 4");
        }
    });

Answer 3

我相信对于$ .post，第三个参数实际上是成功函数，如下所示：

$.post("URL","ARGUMENTS","SUCCESS FUNCTION");

所以为了您的需要：

$.post("https://nodots.nl/labs/dd/search.php", $("#zoeken").serialize(), 
    function(html)
    {
        $("#result").empty().html(html);
        alert("Ok - 4");
    }
});

完整代码：

<script type="text/javascript"> 
$(document).ready(function () {
    alert("Ok - 1");
    $("#zoeken").submit(function (event) {
        alert("Ok - 2");
        event.preventDefault();
        alert("Ok - 3");
        $.post("https://nodots.nl/labs/dd/search.php", $("#zoeken").serialize(),
            function(html) {
                $("#result").empty().html(html);
                alert("Ok - 4");
            }
        });
    });
});
</script>