我有这个实时搜索工作,直到我的mysql数据库中的公司名称中有一个叛逆者。一个例子 - 厕所了。 我正在使用的搜索来自于使用php5开发它的人。我已经设法修改代码以便与我一起工作,但是当从列表中选择一个带有叛逆者的名字时却失败了。当我选择名称时,输入框留空。
<div>
<? print"<form method=\"post\" action=ordernew.php?action=startneworder>"; ?>
<div>
Customer Name:
<br />
<input type="text" size="30" name="company" value="" id="inputString" onkeyup="lookup(this.value);" onblur="fill();" />
</div>
<div class="suggestionsBox" id="suggestions" style="display: none;">
<img src="images/upArrow.png" style="position: relative; top: -12px; left: 30px;" alt="upArrow" />
<div class="suggestionList" id="autoSuggestionsList">
</div>
</div>
<? print"<input type=submit value=Continue />"; ?>
</form>
</div>
上面的代码就是我的表格。下面的代码就是所有的工作。
<?php
require_once("functions.php");
// dbconn(假);
// loggedinonly();
// PHP5实现 - 使用MySQLi。
// mysqli('localhost','yourUsername','yourPassword','yourDatabase');
$ db = new mysqli($ mysql_host,$ mysql_user,$ mysql_pass,$ mysql_db);
if(!$db) {
// Show error if we cannot connect.
echo 'ERROR: Could not connect to the database.';
} else {
// Is there a posted query string?
if(isset($_POST['queryString'])) {
$queryString = $db->real_escape_string($_POST['queryString']);
// Is the string length greater than 0?
if(strlen($queryString) >0) {
// Run the query: We use LIKE '$queryString%'
// The percentage sign is a wild-card, in my example of countries it works like this...
// $queryString = 'Uni';
// Returned data = 'United States, United Kindom';
// YOU NEED TO ALTER THE QUERY TO MATCH YOUR DATABASE.
// eg: SELECT yourColumnName FROM yourTable WHERE yourColumnName LIKE '$queryString%' LIMIT 10
$query = $db->query("SELECT company FROM eventcompany WHERE company LIKE '$queryString%' LIMIT 10");
if($query) {
// While there are results loop through them - fetching an Object (i like PHP5 btw!).
while ($result = $query ->fetch_object()) {
// Format the results, im using <li> for the list, you can change it.
// The onClick function fills the textbox with the result.
// YOU MUST CHANGE: $result->value to $result->your_colum
echo '<li onClick="fill(\''.$result->company.'\');">'.$result->company.'</li>';
//echo '<li onClick="fill(\"'.$result->company.'\");">'.$result->company.\"</li>';
}
} else {
echo 'ERROR: There was a problem with the query.';
}
} else {
// Dont do anything.
} // There is a queryString.
} else {
echo 'There should be no direct access to this script!';
}
}?>
这部分在我的标题中。
<script type="text/javascript">
function lookup(inputString) {
if(inputString.length == 0) {
// Hide the suggestion box.
$('#suggestions').hide();
} else {
$.post("backend/rpc.php", {queryString: ""+inputString+""}, function(data){
if(data.length >0) {
$('#suggestions').show();
$('#autoSuggestionsList').html(data);
}
});
}
} // lookup
function fill(thisValue) {
$('#inputString').val(thisValue);
setTimeout("$('#suggestions').hide();", 200);
}
我认为问题在于点击事件。它适用于&amp;字符但不是'。 欢迎任何建议。 非常感谢
史蒂夫
我试图显示图像,但我的代表点很低。 谢谢你的回复。我现在得到这个厕所,但是当我选择选择时,输入框仍然是空白的。这只发生在公司里面。我知道现在没有多少公司在其中,但现在更多或更具挑战性。
排序你几乎就在那里。
$company = addslashes($result->company);
echo "<li onClick=\"fill('".$company."');\">".$result->company."</li>";
在萤火虫的帮助下。非常感谢我注意到第一列需要addslashes而第二列没有。所以我想你可能只是错误的方式;)谢谢你的帮助。
史蒂夫
答案 0 :(得分:2)
答案是,额外的引用会弄乱你的HTML。
使用您公司的“厕所”示例,这一行:
echo '<li onClick="fill(\''.$result->company.'\');">'.$result->company.'</li>';
将打印HTML:
<li onClick="fill('loo's');">loo's</li>';
问题在于这里有额外的单引号:
onClick="fill('loo's');"
需要打印的是:
onClick="fill('loo\'s');"
解决它的最简单方法是将PHP更改为:
$company = addslashes($result->company);
echo "<li onClick=\"fill('".$result->company."');\">".$company."</li>";
我没有测试过要验证的代码,但这应该可以解决问题。
另外,尝试在Firefox中运行该页面。安装Firebug插件。您可以在Firebug的控制台选项卡中查看通过Ajax返回的内容。这将在未来帮助你。