Ajax post不返回数据

Question

当使用ajax提交表单时，不返回任何数据。如果在不使用ajax的情况下提交，数据将返回post或get方法。

<script>
    $("document").ready(function () {
        $("#submit").click(function () {
            $('#info').submit(function (e) {
                e.preventDefault();
                $.ajax({
                    url: "tab-rates.php",
                    type: "POST",
                    data: "data",
                    success: function (data) {
                        $("#tabs-5").html(data);
                    },
                    error: function (jXHR, textStatus, errorThrown) {
                        alert(errorThrown);
                    }
                }); // AJAX Get Jquery statment
            });
        }); // Click effect     
    }); //Begin of Jquery Statement 

    </script>

<div id=\"tabs-5\"> 
                <form id=\"info\" action=\"\" method=\"POST\">
                    <select name=\"adults\" id=\"adults\">
                        <option value=\"1\">1</option>
                        <option value=\"2\">2</option>
                        <option value=\"3\">3</option>
                        <option value=\"4\">4</option>
                        <option value=\"8\">8</option>
                        <option value=\"9\">9</option>
                        <option value=\"10\">10</option>
                        <option value=\"11\">11</option>
                        <option value=\"12\">12</option>
                    </select>
                    <input type=\"hidden\" name=\"id\" value=\"abc\">
                    <input type=\"hidden\" name=\"code\" value=\"2141\">
                    <button id=\"submit\">Submit</button>
                </form></div>

我该改什么呢？我错过什么了吗？

Answer 1

按如下方式更改您的脚本：

<script>
$("document").ready(function () {
        $('#info').submit(function (e) {
            e.preventDefault();
            $.ajax({
                url: "tab-rates.php",
                dataType: "POST",
                data: $( this ).serialize(),
                success: function (data) {
                    $("#tabs-5").html(data);
                },
                error: function (jXHR, textStatus, errorThrown) {
                    alert(errorThrown);
                }
            }); // AJAX Get Jquery statment
        }); 
}); //Begin of Jquery Statement 

</script>