php - 根据查询在php中加载相同的页面

Question

如果搜索字段留空，我什么都不做，如果输入了内容，我会加载另一个页面。那么，当输入文本框值为空白时如何加载相同的php页面，当输入文本值不为空白时如何加载不同的php页面......？

例如

<input id="srch" type="text" name="query" >

如果此文本框的值为“”，则应加载相同的 php 页面，否则，其他页面....

php或javascript有什么办法吗？

Answer 1

在 PHP 中，在检查查询内容的脚本中，您可以这样做：

if( isset($_GET['query']) && $_GET['query'] != '' ) {
    header('Location: someotherpage.php?query=' . urlencode($_GET['query']));
    exit();
}

这个 qill 指示浏览器转到 someotherpage.php

Answer 2

onsubmit您可以为您的表单使用一个简单的函数：

<form method="post" action="<?php $_SERVER['PHP_SELF']?>" onSubmit="return validate()" id="searchForm">
    <input id="srch" type="text" name="query" >
    <input type="submit" value="Submit">
</form>

<script type="text/javascript">
function validate(){
    if(document.getElementById('srch').value != ''){
        document.getElementById('searchForm').action = 'YOUR_OTHER_PAGE';
    }
}
</script>

在上面的例子中，然后表单被提交，它转到validate()javascript 中的一个函数。此函数快速检查是否#srch为空。如果不是，那么它会将action表单更改为您指定的页面。我将该值设置为YOUR_OTHER_PAGE，您必须将其更改为适当的页面。如果 的值为#srch空，那么它会保留我设置为的动作PHP_SELF。

Answer 3

在 PHP 中 - 在提交表单之后 - 让我们说一个名为的脚本decide.php

它的内容：

if (!isset($_GET['query']) || $_GET['query']=='' )
    include "emptysearchlanding.php";
else
    include "somethingelse.php";

Answer 4

inputString.length == 0这是我使用的代码，您可以通过使用空白输入来决定要做什么，然后执行 if 语句来执行您的第二个函数。我在答案中包含的代码用于将输入自动发布到 php 文件中。

javascript：

<script type="text/javascript">
function lookup(inputString) {
if(inputString.length == 0) 
{
$('#suggestions').hide();
}
else
{
$.post("http://www.example.com/suggest.php", {queryString: ""+inputString+""}, function(data){
if(data.length > 0) {
$('#suggestions').show();
$('#autoSuggestionsList').html(data);
}
});
}
} 
function fill(thisValue) {
$('#inputString').val(thisValue);
setTimeout("$('#suggestions').hide();", 200);
}
function outoffocus() {
setTimeout("$('#suggestions').hide();", 200);
}
</script>

HTML：

<form id="search" action="/search.php" method="get"> 
<input type="text" name="search" id="inputString" onkeyup="lookup(this.value);" onblur="outoffocus()" onfocus="lookup(this.value);"/>
<input type="submit" value="&nbsp;" />
<div class="suggestionsBox" id="suggestions" >
 <div class="suggestionList" id="autoSuggestionsList">
&nbsp;
</div>
</div>
</form>