jQuery $ .post无效

Question

我刚开始使用jQuery，但我无法使用它。

在index.php页面上，我想要一个发布到search.php的搜索表单。接下来，我希望search.php的HTML（仅包含结果的表格）插入到div的“结果”index.php中。

这是我正在使用的代码：

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