PHP AJAX mysqli检索数据和显示

时间:2017-11-14 20:34:03

标签: php mysql ajax mysqli

遵循教程..

我能够将数据插入到我的数据库中。(事实上,它正确输入一行,然后另一行空白,因为我现在添加了这个检索代码。

能够检索信息并显示它。

table = testTable 我有2排。 " ID" &安培; "名称"

我在第1行的控制台中看到以下错误(为空):

(未知)事件处理程序出错:TypeError:无法读取属性' state'为null     在CSRecorder.onQueryStateCompleted(chrome-extension://cplklnmnlbnpmjogncfgfijoopmnlemp/content_scripts/recorder.js:106:18)

html部分

............................................... .......................

<body>
    <div id = "display_area"></div>

    <form action="db.php" id ="frmBox" method="post" onsubmit= "return formSubmit();">

<p>Input 1: <input type ="text" name ="name"/></p>
<input type = "submit"  name ="submit" value = "Submit"/>
    </form>
 <p id ="success"></p>

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
 <script type ="text/javascript">

 function formSubmit(){
     $.ajax({
                type:"POST",
                url: "db.php",
                data: $('#frmBox').serialize(),

                success: function(response){
                    $('#success').html(response);
                    displayFromDatabase();
                }

     });
     var form = document.getElementById('frmBox').reset();
     return false;
 }

这是我为检索数据而添加的代码

 function displayFromDatabase(){
     $.ajax({
        type:"POST",
         url: "db.php",
         data: {
                "display" :1
         },

         success: function(d){
             $("#display_area").html(d);

         }
     });
 }


 </script>
</body>

我的db.php文件在

下面
   if(!$link){
    die("Could not connect:".mysqli_connect_error());
}

else{
    $name = test_input($_POST['name']);
    $sql ="INSERT INTO  testTable(name)VALUES('$name')";

    if(mysqli_query($link,$sql))
        {
            echo "One Record inserted to database!";
        }
    else{
            echo "Fail to insert";
        }

        mysqli_close($link);

}

function test_input($data){
    $data = trim($data);
    $data = stripslashes($data);
    $data = htmlspecialchars($data);
    return $data;
}

这是我为检索数据而添加的代码

if(isset($_POST['display'])){
    mysqli_query("SELECT * FROM testTable");

    while($row = mysqli_fetch_array($result)){
        ?>
        <div id ="comment_box">
        <p><?php echo $row['name']; ?></p>
        </div>
        <?php
    }

    exit();
}

0 个答案:

没有答案