javascript-Ajax无法将数据从php加载到div

这是ajax功能

$(document).ready(function() {
        $('#submit').click(function(e) {
            e.preventDefault();
            $.ajax({
                type: 'POST',
                url: 'searchPHP.PHP',
                data: {suburb_id: $('#suburb_id').val()},
                success: function(data)
                {
                    $("#tableContent").html(data);
                }
            });
        });
    });   

这是需要接收数据的PHP文件,它工作得很完美.

<?PHP
//Check the form if submit by post
    if (isset($_POST["searchBtn"])) {
        $strInputSuburb = "";


        $strInputSuburb = $_POST["suburb_id"];


        //Check if the input Box is empty or not
        //if BOTH "Suburb" AND "Street" is empty, it will display the error message.
        if(!empty($strInputSuburb))
        {
            //Connect to database server and table
            include("connection.PHP");
            @MysqLi_select_db($conn, "db")
            or die ("Database not available");

            $querysql1 = "select * from Infringement 
                          where suburb like '%".MysqLi_real_escape_string($conn, $strInputSuburb)."%' and Street1 like '%".MysqLi_real_escape_string($conn, $strInputStreet)."%'
                          order by Suburb, Fines DESC";

            $result1 = MysqLi_query($conn, $querysql1)
                or die ("No information return...");

            $count = MysqLi_num_rows($result1);
            $i=1;
            if(!$count==0){
                //do stuff, like echo
            }
            else {
                //do stuff
            } 

            //Release the sql clause
            MysqLi_free_result($result1);
            //Close the connection to database
            MysqLi_close($conn);
        }
        else {
        //do stuff
        }
    }   
?>         

我想加载到这个div

<div id="tableContent"></div>

CSS样式是

#tableContent {

            width:100%;
            height:400px;



        }

输入框在下面

<input type="textBox" class="form-control" name="suburb" placeholder="Suburb" id="suburb_id" >
<input type="submit"class="btn" name="searchBtn" id='submit' value="Search" />

我以前使用PHP从表单获取数据.使用Ajax之后,我删除了“ form”标签.

非常感谢.

解决方法:

您没有发送PHP脚本正在检查的searchBtn参数.将其添加到data：选项.

$(document).ready(function() {
    $('#submit').click(function(e) {
        e.preventDefault();
        $.ajax({
            type: 'POST',
            url: 'searchPHP.PHP',
            data: {
                suburb_id: $('#suburb_id').val(),
                searchBtn: 'Search'
            },
            success: function(data)
            {
                $("#tableContent").html(data);
            }
        });
    });
});

或从PHP脚本中删除该检查,然后测试是否是(isset($_ POST [‘suburb_id’]))).