jQuery $ .post не работает

Question

Я только начал использовать jQuery, но не могу заставить его работать.

На странице index.php мне нужна поисковая форма, которая отправляет на search.php. Далее, я хочу, чтобы HTML-код search.php (который будет только таблицей с результатами) вставлялся в 'results' 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>