我创建了一个简单的文本输入框,用于使用 ajax 从数据库中获取数据。
<form method="post" action="">
<input type="text" id="txt1" onkeyup="showHint(this.value);" />
</form>
文本框在我的 ajax.js 文件中调用一个名为 showHint(str) 的 ajax 函数,如下所示:
function showHint(str){
var xmlhttp;
if (str.length==0)
{
document.getElementById("txtHint").innerHTML="";
return;
}
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("txtHint").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","index.php?page=getList&q="+str,true);
xmlhttp.send();
}
从上面的脚本可以看出,它会打开我的 PHP 脚本,该脚本用于从数据库中获取详细信息,如下所示:
//get the q parameter from URL
$q = $_GET["q"];
$sql = "SELECT Name FROM Country WHERE Name LIKE '" . $q . "%'";
$recordSet = $_dbConn->query($sql);
$a = $recordSet->getrow();
//lookup all hints from array if length of q>0
if (strlen($q) > 0)
{
$hint="";
for($i=0; $i<count($a); $i++)
{
if (strtolower($q)==strtolower(substr($a[$i],0,strlen($q))))
{
if ($hint=="")
{
$hint=$a[$i];
}
else
{
$hint=$hint." , ".$a[$i];
}
}
}
}
// Set output to "no suggestion" if no hint were found
// or to the correct values
if ($hint == "")
{
$response="no suggestion";
}
else
{
$response=$hint;
}
//output the response
echo $response;
问题是我使用的是单个 Index.php 页面,所以这一行:“index.php?page=getList&q="+ 有点像说 www.mydomain.com/index.php?index.php?page=getLet $q。
我怎样才能解决这个问题?我尝试过使用 POST,但仍然无法正常工作。我也尝试删除 JS 中的 index.php 部分,但这也不起作用...谢谢