Question

我有一个搜索查询脚本，可以在firefox，safari等中正常工作，但不能在chrome中使用。

无论出于何种原因，一旦用户输入查询并点击提交，我会注意到网址是非常不同的。

在Chrome中

我得到的这个有效并且是正确的

http://localhost/ptb1/home.php?query=london&submit.x=0&submit.y=0&submit=Start+Search

但是在firefox中我得到了这个（请注意，stat + search缺失了，我不知道为什么

http://localhost/ptb1/home.php?query=london&submit.x=12&submit.y=10

请任何人都可以告诉我为什么我会遇到这个问题，以及如何正确处理，谢谢。

这是我的代码：

<form method="get" action="">
<input type="text" id="text" name="query" class="searchbox" placeholder="Search Name/Location" style="width:120px;"/>
<input type="image" src="../PTB1/assets/img/icons/search.png" height="19" width="20" class="searchbutton" name="submit" value="Start Search" />
</form>

<?php
//PHP CODE STARTS HERE

if(isset($_GET['submit'])){

// Change the fields below as per the requirements
$db_host="localhost";
$db_username="root";
$db_password="";
$db_name="";
$db_tb_atr_name="display_name";

//Now we are going to write a script that will do search task
// leave the below fields as it is except while loop, which will display results on screen

mysql_connect("$db_host","$db_username","$db_password");
mysql_select_db("$db_name");

$query=mysql_real_escape_string($_GET['query']);


$query_for_result=mysql_query("SELECT *,MATCH(display_name, location, sex, ethnicity, hobbies, station, age, weight_st, weight_lb, height_ft, height_in, build) AGAINST ('$query' IN BOOLEAN MODE) AS relevance FROM ptb_stats WHERE MATCH(display_name, location, sex, ethnicity, hobbies, station, age, weight_st, weight_lb, height_ft, height_in, build) AGAINST('$query' IN BOOLEAN MODE) ORDER BY relevance DESC LIMIT 5");
echo "<div class=\"search-results\">";
while($data_fetch=mysql_fetch_array($query_for_result))

{

    echo "<div class=\"text\"><a href=\"profile.php?id={$data_fetch['user_id']}\" class=\"search\">";
    echo "<div class=\"spacing\"><img width=35px height= 30px src=\"data/photos/{$data_fetch['user_id']}/_default.jpg\" class=\"boxgridsearch\"/> "; 
     echo substr($data_fetch[$db_tb_atr_name], 0,160);
    echo "</a></div></div>";

}
echo "<div class=\"morebutton-search\"><a href=\"search_results.php?query=$query\" \">+ view more results</a></div>";




mysql_close();
}

?>



<style type="text/css">



.boxgridsearch{ 
                width: 35px; 
                height: 30px; 
                margin-top:-3px;
                margin-left:0px; 
                margin-right:10px; 
                float:left; 
                background:#161613; 
                        border:4px solid #000 .8;
    -moz-box-shadow: 0px 0px 8px #CCC;
    -webkit-box-shadow: 0px 0px 0px #CCC;
    box-shadow: 0px 3px 10px #030303;



            }


    .suggestionsBox {
        position: relative;
        left: 12px;
        margin: 10px 0px 5px 0px;
        width: 172px;
        background-color: #FFF;
        border: 1px solid #CCC; 
        color: #fff;
        z-index:99;
    }

    .searchbutton {

        padding-top: 2px;
        padding-left:5px;
        position:absolute;
        z-index:70;

    }


    .spacing {

        padding-top: 12px;
        padding-bottom:12px;
        border-bottom: solid #CCC 1px;
        border-top: solid #CCC 1px;
        text-align:left;
        margin-left:0px;
        margin-top:5px;
        width:160px;


    }

    .text {
        text-align:left;
        margin-left:20px;
        margin-top:0px;
        width:200px;


    }


        .search-results {
    width: 200px;
    height:218px;
    float: left;

    margin-bottom: 20px;
    margin-left: 0px;
    margin-top:10px;
    text-align: center;

    /* [disabled]margin-left: 30px; */
    overflow: hidden;
    padding-top: 0px;
    padding-bottom: 10px;


}   


    .searchbox {

        margin-left: -25px;





    }


    .suggestionList {
        margin: 0px;
        padding: 0px;

    }

    .suggestionList li {

        margin: 0px 0px 3px 0px;
        padding: 3px;
        cursor: pointer;
    }

    .suggestionList li:hover {
        background-color: #659CD8;
    }


    a.search {
    color: #646464;
    text-decoration: none;
}
a.search:visited {
    color: #646464;
}
a.search:hover {
    color: #646464;
    text-decoration: none;
}
a.search:active {
    color: #646464;
}




</style>

Answer 1

您可以尝试使用$_SERVER['REQUEST_METHOD']来确定页面是否已提交，而不是isset($_GET['submit'])，所以基本上是这样：

if(isset($_GET['submit'])){

// Change the fields below as per the requirements
$db_host="localhost";
$db_username="root";

你这样做：

if($_SERVER['REQUEST_METHOD'] == 'GET'){

// Change the fields below as per the requirements
$db_host="localhost";
$db_username="root";

Answer 2

浏览器将解释该表单的提交方式。您在Firefox中看到的行为实际上是草拟的标准： http://www.whatwg.org/specs/web-apps/current-work/multipage/

我们可以深入研究样式按钮与使用图像（提交，vs图像输入类型，vs按钮） - 最简单的解决方法是只为表单添加隐藏的输入值：

<form method="get" action="">
    <input type="hidden" name="dosearch" value="1">
    <input type="text" id="text" name="query" class="searchbox" placeholder="Search Name/Location" style="width:120px;"/>
    <input type="image" src="../PTB1/assets/img/icons/search.png" height="19" width="20" class="searchbutton" name="submit" value="Start Search" />
</form>

然后只需在PHP中调整处理条件：

if(isset($_GET['dosearch'])){

快速补丁。

如果要做很多这样的话，你应该考虑一个框架;你可以免费获得很多这种逻辑，非常干净和分层的代码（MVC）。

搜索查询在Firefox中无效，但在其他浏览器中有效吗？

2 个答案: