Ajax发布不返回数据

时间:2019-02-06 10:36:07

标签: ajax post form-submit

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

我应该改变什么?我想念什么吗?

1 个答案:

答案 0 :(得分: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>