Question

基本上，我有一个实时搜索，适用于3个单选按钮中的两个。 “教授”和“部门”都很好。但“课程”无线电代码似乎不起作用。我不明白。 Professor

Department

Before I type anything in it gives me this

If I type in "Eng" for "Engineering" or "English", I get lesser options, but still undefined

似乎Ajax正在运行，但出于某种原因，它并没有拉动这些领域。

php是

function getDepartment($keywords){
    $arr = array();

    $query = mysql_query("SELECT dID, name 
                            FROM Department 
                            WHERE name LIKE '%". $keywords . "%'");

    while( $row = mysql_fetch_array ( $query ) )
    {
        $arr[] = array( "id" => $row["dID"], "name" =>  $row["name"]);
    }

    return $arr;
}

function getCourse($keywords){
    $arr = array();

    $query = mysql_query("SELECT cID, prefix, code 
                            FROM Course 
                            WHERE CONCAT(prefix,code) LIKE '%". $keywords . "%'");

    while( $row = mysql_fetch_array ( $query ) )
    {
        $arr[] = array( "id" => $row["cID"], "course" => $row["prefix"] . ' ' . $row["code"]);
    }

    return $arr;
}

The columns in phpmyadmin

**的Javascript

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>jQuery Search Demonstration</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $(".keywords").keyup(function(){
        getData();
    });
    $(".table").click(function(){
        getData();
    });
});

function getData(){
    $.post("search.php", 
        {
            keywords: $(".keywords").val(),
            table: $('.table:checked').val()
        }, 
        function(data){
            $("div#content").empty();
            var phppage;
            switch($('.table:checked').val())
            {
                case 'professor': 
                    phppage = 'prof';
                    ext = '.php?pID=';
                    break;
                case 'department': 
                    phppage = 'department';
                    ext = '.php?dID=';
                    break;
                case 'course': 
                    phppage = 'course';
                    ext = '.php?cID=';
                    break;
            } 

            $.each(data, function(){
                $("div#content").append("- <a href='" + phppage + ext + this.id + "'>" + this.name + "</a>");
            });
        },
        "json");
}
</script>
</head>
<body>
Search by:
<input type="text" name="search" class="keywords" /><br />

<input type="radio" name="table" class="table" value="professor" checked="checked" /> Professor<br />
<input type="radio" name="table" class="table" value="department" /> Department<br />
<input type="radio" name="table" class="table" value="course" /> Course<br />

<div id="content" style="background-color:#eee;"></div>

</body>
</html>

一列“代码”是一个数字值，例如153或两者“前缀和”代码“一起就像”INFO 153“。

任何？ Ajax对可以提取的记录数量有限制吗？这个课程表可能有1200个课程，但为什么它们未定义？

Answer 1

您正在检索name，但在搜索课程时，name已重命名为course。您可以通过更改以下行来修复此问题：

$arr[] = array( "id" => $row["cID"], "course" => $row["prefix"] . ' ' . $row["code"]);

对此：

$arr[] = array( "id" => $row["cID"], "name" => $row["prefix"] . ' ' . $row["code"]);

此外，无关紧要，在JavaScript中，您设置ext而不声明它。您应该更改此行：

var phppage;

对此：

var phppage, ext;

编辑：您可以将这些项目设置为适当的项目符号列表：

var content=$("#content");
var ul=$("<ul>");
content.append(ul);
$.each(data, function(){
    ul.append('<li><a href="' + phppage + ext + this.id + '">' + this.name + "</a></li>");
});

Answer 2

是的我还在where子句中为LIKE函数实现了CONCAT函数，但它没有工作。然后我使用了单独的列来实现类似的功能。当然，你的where子句不起作用。

您可以按照以下步骤为课程单选按钮功能实现此代码：

function getCourse($keywords){
    $arr = array();

    $query = mysql_query("SELECT cID, prefix, code 
                            FROM Course 
                            WHERE prefix LIKE '%". $keywords . "%' OR code LIKE '%". $keywords . "%'");

    while( $row = mysql_fetch_array ( $query ) )
    {
        $arr[] = array( "id" => $row["cID"], "course" => $row["prefix"] . ' ' . $row["code"]);
    }

    return $arr;
}

享受!!!

为什么这个php / ajax不起作用？

2 个答案: