阿賈克斯搜索輸入字段

Question

我想創建一個阿賈克斯函數來重新加載一個<div>而不是整個頁面。

什麼是工作： - 在寫入輸入字段時，div會在每個字符正確後重新加載。

什麼不工作： - 當輸入字段再次完成空時，它不顯示我在數據庫中的全部條目。

這是我在PHP文件，其中DIV是：

function showGames(str) { 
if (str == "") { 
    document.getElementById("searchgame").innerHTML = ""; 
    return; 
} else { 
    if (window.XMLHttpRequest) { 
     // code for IE7+, Firefox, Chrome, Opera, Safari 
     xmlhttp = new XMLHttpRequest(); 
    } else { 
     // code for IE6, IE5 
     xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); 
    } 
    xmlhttp.onreadystatechange = function() { 
     if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { 
      document.getElementById("show").innerHTML = xmlhttp.responseText; 

     } 
    }; 

    xmlhttp.open("GET","searchgame.php?game="+str,true); 
    xmlhttp.send(); 
} } 

這是我在search.php中

<?php 

include 'test/database.php'; 

$pdo = Database::connect(); 

if($_GET['game'] == "") { 
    $sql="SELECT * FROM games WHERE active=1"; 
    echo "<script type='text/javascript'>alert('Should be empty')</script>"; 

} else { 
    $q = $_GET['game']; 
    $sql="SELECT * FROM games WHERE gamenamelong LIKE '%".$q."%'"; 
} 

$stmt = $pdo->prepare($sql); 

$stmt->execute(); 
$gameResults = $stmt->fetchAll(PDO::FETCH_ASSOC); 
$rowCount1 = count($gameResults); 

是否有人能幫助我嗎？ 謝謝！

Answer 1

因爲我們不知道你的表單是怎麼樣的，怎麼調用函數showGames怎麼樣，我只能給出一個模糊的答案。但你的主要問題/ misstake應與解決：

在你的函數showGames你從不打阿賈克斯如果搜索字符串是空的，所以你不能回來所有結果。

所以我建議更改功能，像這樣：

function showGames(str) { 
    if (str == "") { 
     document.getElementById("searchgame").innerHTML = ""; 
     //remove that: return; 
    } 
    // remove the 'else { ' 

    // now you allways hit the ajax 
    if (window.XMLHttpRequest) { 
    // code for IE7+, Firefox, Chrome, Opera, Safari 
    xmlhttp = new XMLHttpRequest(); 
    } else { 
    // code for IE6, IE5 
    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); 
    } 
    xmlhttp.onreadystatechange = function() { 
    if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { 
     document.getElementById("show").innerHTML = xmlhttp.responseText; 

    } 
    }; 

    xmlhttp.open("GET","searchgame.php?game="+str,true); 
    xmlhttp.send(); 
// remove closing bracket of if-else: '}' 
}