使用.each和if语句遍历AJAX JQUERY的回调JSON数据以匹配RegExp

Question

我正在使用ajax jquery进行实时搜索，因此根据键入文本字段的值运行另一个php脚本，该脚本返回数据库中的行数组，并使用echo encode_json并用json编码，并在javascript中对该数组进行迭代回调。

我为什么要这样做？

• 我想在查询数据库中匹配行的地方重用sql查询。
• 实时搜索将仅在文本框中显示一个5个与输入数据匹配的结果，以及一个额外的“更多选项”标签。 Theey最终将全部可单击，然后导航到网站内的链接，但是more选项选项卡将使用与实时搜索相同的sql查询，因为它将直接进入页面，在该页面中将显示所有匹配的结果。

这是我的JavaScript，谁能帮助我？

<script type="text/javascript">

function find(value){
    $( "#test" ).empty();
    var myExp = new RegExp(value , "i");
    $.ajax({
    url: 'searchDb.php',
    type: 'POST',
    data: 'args='+value+'&limit=2',
    success: function(data){
    var output = '<ul class="searchresults">';
    var count = 0;
    $.each(data, function(key, val) {
        if ((val.name.search(myExp) != -1)){
            output += '<li>';
            output += '<p>'+ val.name +'</p>';
            output += '</li>';
            count += 1;
            if(count == 5){
                output += '<li>';
                output += '<a href="searchResults.php">More Results</a>';
                output += '</li>';
                if(value.length == 0){             
                    output = '<ul class="searchresults">';
                }
                return false;
            }
        }
        if(value.length == 0){
            output = '<ul class="searchresults">';
        }
    });
    output += '</ul>';
    $('#test').html(output);

    }

});
}

目前，当我测试此功能时，它不起作用，并且Google Chrome控制台显示错误

Uncaught TypeError：无法使用'in'运算符在其中搜索'22'

[“ sss”，“ sss”]

我已将数据返回限制为2，仅用于测试。 很明显它正在返回它，但是我不明白不能使用'in'运算符来........任何帮助将不胜感激！ 谢谢

PHP代码：

<?php

$link = mysql_connect('localhost', 'root', '');
if (!$link) {
die('Not connected : ' . mysql_error());
 }


$db_selected = mysql_select_db('test', $link);
if (!$db_selected) {
die ('Can\'t use test : ' . mysql_error());
}
?>


<?php

function searchDb($abc, $limit = "all"){
$lists = array();
if (isset($abc)) {

$sql = "SELECT testa FROM test WHERE testa LIKE '%$abc%'";


if($limit !== "all"){
$sql .= "LIMIT ". $limit;
}

$result = mysql_query($sql) or die('Error, insert query failed');


while ( $row = mysql_fetch_assoc($result))
{

$var = $row["testa"];
array_push($lists, $var);
}
}


echo json_encode($lists);
}

$abc = $_POST['args'];
$limit = $_POST['limit'];
$lala = searchDb($abc, $limit);


?>

Answer 1

您可以通过以下方式构建响应数据数组：

while ( $row = mysql_fetch_assoc($result))
{

$var = $row["testa"];
array_push($lists, $var);
}

尝试通过这种方式：

$RESPONSE = array();
$NAMES = array();

while ( $row = mysql_fetch_assoc($result))
    {

        $var = $row["testa"];
        array_push($NAMES,$var);
    }
$RESPONSE["NAMES"] = $NAMES;
print json_encode($RESPONSE);
exit();

在JS AJAX中：

$.each(data.NAMES, function(key, val) {
        if ((val.search(myExp) != -1)){
.....

更新：根据您的评论要求！

函数find（value）的参数未定义

因此，请在函数顶部添加以下内容

function find(value){

if (typeof foo == 'undefined')
return;