javascript - 无法显示在不同 div 中搜索的 Mysql 搜索结果

标签 javascript php html mysql

我正在尝试使用三个分区来显示 MySQL 结果(有或没有搜索)。 Div 1 有用于选择查看结果的单选按钮。 Div 2 有一个文本,说明所有成员均已显示,还有一个“名称”文本搜索框和一个“类型”下拉菜单。搜索结果显示在 Div 3 中。

选择“所有成员”后,“显示所有成员”文本将显示在 Div 2 中,并且正确的数据将显示在 Div 3 中(工作正常)。选择“名称”单选按钮后,Div 2 中会显示正确的文本搜索框,但我在 Div 3 中收到以下错误:

警告:mysqli_query():无法在第 171 行的/home/desgar20/elrenochamber.com/member_dir_test2.php 中获取 mysqli

警告:mysqli_error() 需要 1 个参数,0 在/home/desgar20/elrenochamber.com/member_dir_test2.php 第 173 行给出 无法访问数据库:

如果我在搜索框中输入文本并提交,Div 2 和 Div 3 会变为空白

我使用 javascript 来显示/隐藏分区,并使用 php 进行搜索。

我已经搜索了答案,但没有找到任何解决此问题的方法。我不知道我错过了什么。帮助--需要建议。

        <style type="text/css">
            .box {
                display: none;
            }
        </style>

        <script type="text/javascript">
            //Show or application part based on selection 
            $(document).ready(function(){
                $('input[type="radio"]').click(function(){
                    if($(this).attr("value")=="all"){
                        $(".box").not(".all").hide();
                        $(".all").show();
                        $(".all_listing").show();
                    }
                    if($(this).attr("value")=="name"){
                        $(".box").not(".name").hide();
                        $(".name").show();
                        $(".all_name").show();
                    }
                    if($(this).attr("value")=="type"){
                        $(".box").not(".type").hide();
                        $(".type").show();
                        $(".all_type").show();
                    }
                });
            });
        </script>
    </head>

    <body>
        <?php
            require_once 'php/dbconnect.php';   // Connect to database
            $connection = db_connect();
        ?>


        <div id="container">

            <div id="service">

                <div id="web">
                    <img width="150px" src="images/search1.png" />
                    <h3>Member <strong><span class="green">Directory</span></strong></h3>
                    <strong>View Members By:</strong><br /><br />
                    <div id="sortOptions">
                        <label><input type="radio" name="sortRadio" value="all"> All Members</label><br />
                        <label><input type="radio" name="sortRadio" value="name"> Name</label><br />
                        <label><input type="radio" name="sortRadio" value="type"> Type</label>
                    </div><!-- sortOptions -->
                </div><!-- end web -->

                <div id="vector">

                    <div class="all box">
                        <h3>Display <strong><span class="green">All Members</span></strong></h3>
                        <p>All Members Displayed</p>
                    </div><!-- all box -->

                    <div class="name box">
                        <h3>Display by <strong><span class="green">Member Name</span></strong></h3>
                        <p><form name="namesearch" method="post" action="<?php echo htmlentities($_SERVER['PHP_SELF']);?>"> 
                            Name:&nbsp;&nbsp;<input type="text" name="find">
                            <input type="submit" name="search" value="Search Names">
                        </form></p>
                    </div><!-- name box -->

                    <div class="type box">
                        <h3>Display by <strong><span class="green">Member Type</span></strong></h3>
                        <p><form action="<?php echo htmlentities($_SERVER['PHP_SELF']);?>" method="post">
                            Type:&nbsp;&nbsp;<select name="type" id="type">
                            <option value="">-- Select A Type --</option>
                            <?php
                                $query = "SELECT * FROM select_type";   //create type drop-down menu
                                $result = mysqli_query($connection, $query); 
                                while ($line = mysqli_fetch_array($result)) { 
                                echo "<option value='". $line['type'] ."'>". $line['type']."</option>";
                                } 
                            ?> 
                            </select>
                            <input type="submit" name="searchType" value="Search Types">
                        </form>
                    </div><!-- type box -->

                </div><!-- end vector -->

            </div><!-- end service-->

            <div id="media" class="group">

                <div class="all_listing box">
                    <p>Directory Listing</p>
                    <!-- Start Directory Listing -->
                    <?php
                        $sql = "SELECT * FROM members ORDER BY name";   // Database query and results
                        $result = mysqli_query($connection, $sql);
                        while($row = mysqli_fetch_array($result)) {
                            // Check record for website
                            if ($row['web']!== "") {
                                echo "<a target=blank href=". $row['web'] . ">" .$row["name"] . "</a><br> " .
                                "". $row["type"] . "<br>" .
                                "Address: " . $row["physicaladdress"] . "<br>" .
                                "Phone: " . $row["phone"] . "<br>" . "<hr>";
                            }
                            else {
                                echo $row["name"]. "<br> " .
                                "". $row["type"] . "<br>" .
                                "Address: " . $row["physicaladdress"] . "<br>" .
                                "Phone: " . $row["phone"] . "<br>" . "<hr>";
                            }
                        }
                        $connection->close();
                    ?>
                </div><!-- all_listing box -->

                <div class="all_name box">
                    <p>Results based on Name Search</p>
                    <?php
                        if (isset($_POST['search'])) {  // Has "Select Names button ben pushed
                            $find = $_POST['find'];
                            $sql = "SELECT * FROM members WHERE name LIKE '%" . $find . "%' ";
                            $result = mysqli_query($connection, $sql);
                            if(! $result) {
                                die ('Could not access database: ' . mysqli_error());
                            }
                            while($row = mysqli_fetch_array($result)) {
                                // Check record for website
                                if ($row['web']!== "") {
                                    echo "<a target=blank href=". $row['web'] . ">" .$row["name"] . "</a><br> " .
                                    "". $row["type"] . "<br>" .
                                    "Address: " . $row["physicaladdress"] . "<br>" .
                                    "Phone: " . $row["phone"] . "<br>" . "<hr>";
                                }
                                else {
                                    echo $row["name"]. "<br> " .
                                    "". $row["type"] . "<br>" .
                                    "Address: " . $row["physicaladdress"] . "<br>" .
                                    "Phone: " . $row["phone"] . "<br>" . "<hr>";
                                }
                            }
                        }
                    ?>
                </div><!-- all_name box -->
    </body>
</html>

我按照建议修改了代码,但仍然收到与上面提到的相同的错误。这是我遇到困难的地方:

这是将在 div 2 中显示搜索选项的分区 (div 1):

<div id="web">
    <div id="sort_options">
        <label><input type="radio" name="sortRadio" value="name"> Name</label><br />
    </div><!-- sort_options -->
</div><!-- end web -->

这是 div 2 的搜索功能:

<div class="name box">
    <form name="namesearch" method="post" action="<?php echo htmlentities($_SERVER['PHP_SELF']);?>"> 
        Name:&nbsp;&nbsp;<input type="text" name="find">
        <input type="submit" name="search" value="Search Names">
    </form></p>
</div>

这是 div 3 中的 php 代码,用于使用 div 2 的输入运行查询:

<div class="all_name box">
<?php
if (isset($_POST['search'])) 
{   
    $find = $_POST['find'];
    $sql = "SELECT * FROM members WHERE name LIKE '%" . $find . "%' ";
    $result = mysqli_query($connection, $sql);

    if ( $result == false ) 
    {
        echo ("Error description: " . mysqli_error($connection));
    }
    else
     {
        while($row = mysqli_fetch_array($result))
        {
            // Check record for website
            if ($row['web']!== "") 
            {
                echo "<a target=blank href=". $row['web'] .">" .$row["name"] . "</a><br> " .
                "". $row["type"] . "<br>" .
                "Address: " . $row["physicaladdress"] . "<br>" .
                "Phone: " . $row["phone"] . "<br>" . "<hr>";
            }
            else
            {
                echo $row["name"]. "<br> " .
                "". $row["type"] . "<br>" .
                "Address: " . $row["physicaladdress"] . "<br>" .
                "Phone: " . $row["phone"] . "<br>" . "<hr>";
            }
        }
    }
}
    ?>
</div>

我在这里做错了什么?

最佳答案

更改此代码片段:

$sql = "SELECT * FROM members ORDER BY name";   // Database query and results
$result = mysqli_query($connection, $sql);
while($row = mysqli_fetch_array($result)) {

至少

$sql = "SELECT * FROM members ORDER BY name";   // Database query and results
$result = mysqli_query($connection, $sql);
while($result !== false && $row = mysqli_fetch_array($result)) {

原因:如果您的查询有错误,$result 将具有值 false,这将导致给定的错误。

更好的代码应该是这样的:

$sql = "SELECT * FROM members ORDER BY name";   // Database query and results
$result = mysqli_query($connection, $sql);

if ( $result == false )
{
      // handle error with mysqli_... functions
}
else
{
     while($row = mysqli_fetch_array($result)) {
     ...

一如既往:以错误为标准,成功才是异常(exception)!

关于javascript - 无法显示在不同 div 中搜索的 Mysql 搜索结果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32873574/

相关文章:

javascript - 优雅地删除 div 之外的 html 内容

javascript - 覆盖在 html 上不会全屏显示

html - CSS多个浮点: left issue

javascript - 'class'实例创建时的回调

PHP:如何使用传输编码读取 POST 正文:分块,无内容长度

javascript - Base64 图片在新标签页中打开 : Window is not allowed to navigate Top-frame navigations to data URLs

php - FTUNCATE 在开头留出空格

PHP filter_require_array 失败

javascript - 如何从 iframe 中的内容脚本传回消息?

javascript - 在javascript中水平移动对象的算法