JQuery Ajax POST не проходит

Question

Я пытаюсь сделать довольно простой $ .post () с помощью jQuery. У меня есть типичная форма с входами и кнопка в конце с id # subBuy.

Вот мой JQuery:

    $('#subBuy').live('click',function() {
        $.post('php/buyCoup.php', $('#buyCoup').serialize(), function(){
            $('#buyCoup').hide();
            $('#success').show();
        });
    });

Когда я нажимаю кнопку, она должна опубликовать форму с помощью Ajax и показать / скрыть определенные элементы в случае успеха.

Я знаю, что HTML-код в порядке, потому что форма, отправленная без jQuery, раньше.

Вот buyCoup.php:

<?php
    session_start();
        $con = mysql_connect("localhost","foo","bar");
        mysql_select_db("coupons", $con);

    $retailerName = $_REQUEST["retailerName"];
    $intDeal = $_REQUEST["intDeal"];
    $coupTerms = $_REQUEST["coupTerms"];
    $datePicker = $_REQUEST["datepicker"];

    mysql_query("correctly functioning query to insert the data");
?>

Любая помощь?

Answer 1

Внутри buyCoup.php вы также хотели бы вернуть что-то, возможно, json вроде {"success": 1} и также отправить заголовок json с php.

Если вы не возвращаете что-то в jqueryВызов ajax, вероятно, он не будет вызывать вашу завершенную функцию.

В конце buyCoup.php попробуйте добавить это:

header('Cache-Control: no-cache, must-revalidate');
header('Expires: Mon, 26 Jul 1997 05:00:00 GMT');
header('Content-type: application/json');

echo '{"success": 1}';