使用PHPAJAX的Livesearch-需要帮助!

使用PHPAJAX的Livesearch-需要帮助!,php,ajax,Php,Ajax,尝试使用ajax/php进行实时搜索(ajax)。我有(2)个文件,index.php和search.php。我已经编写了在数据库中搜索给定字段的初始查询。我需要帮助用php和ajax实现这一点,以便执行ajax ie搜索。我已经实现了$query变量,以便在3个值中的任何一个都存在时搜索框(例如“输入名称”等)。任何人我对此有点绝望:) Index.php <!DOCTYPE html> <html> <head> <link rel="sty

尝试使用ajax/php进行实时搜索(ajax)。我有(2)个文件,index.php和search.php。我已经编写了在数据库中搜索给定字段的初始查询。我需要帮助用php和ajax实现这一点,以便执行ajax ie搜索。我已经实现了$query变量,以便在3个值中的任何一个都存在时搜索框(例如“输入名称”等)。任何人我对此有点绝望:)

Index.php

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="global.css"  media="screen" />
    <link rel="stylesheet" href="design.css"  media="screen" />
    <style type="text/css">
    .hidden {
    display: none;
    }
    </style>
    <script type="text/javascript" src="inc/jquery.js"> </script>
    <script type="text/javascript">$(function() {$('input[type=text]').focus(function() {$(this).val('')});});</script>
    <script type="text/javascript">
        $(document).ready(function(){
        $("input[type=radio]").click(function(){
           $(".box").val(this.value);
        }); 
    });
    </script>

</head>

<body>
<div id="top_wrapper_bg">
    <div id="wrapper_top">
        <div id="header">
                <div id="logo">
                <a href="index.php"><img src="img/logo-02-01-11.png" alt="logo-02-01-11" width="300" height="100" border="0" /></a>
                </div><!-- /logo -->
                <div id="header_image">
                right
                </div><! -- /header_image -->
                <div id="clear"> </div><! -- /clear -->
                <div id="nav">
                nav
                </div><! -- /nav -->
        </div><!-- /header-->
    </div><!-- /wrapper_top -->
</div><!-- /top_wrapper_bg -->

<div id="header_search_break"> </div>

<div id="bot_wrapper_bg">       
    <div id="wrapper_bottom">
            <div id="search"> 
                    <span class="medfont">Search by:</span> 
                        <form id="searchSelect" action="searching.php">
                            <input type="radio" name="search_value" value="Enter Professor Name">Professor
                            <input type="radio" name="search_value" value="Enter Course (e.g. COM 310)">Course
                            <input type="radio" name="search_value" value="Enter Major (e.g. Business)">Major
                        </form>
                        <br>            
                    <input class="box" type="text" size="25" name="searchQuery" value="Select an option..." class="textField clearMeFocus" />
            </div><!-- /search -->
            <div id="latest_stats">
            <p>Stats</p>
            </div><!-- /latest_stats -->
            <div id="clear"> </div>
        <div id="contain_stats">
                <div id="latest_prof">
                latest prof
                </div><!-- /latest_prof -->

                <div id="top_prof">
                top prof
                </div><!-- /top_prof -->
                <div id="clear"> </div><! -- /clear -->
        </div><!-- /contain_stats -->
        <br><br><br><br><br><br><br><br>
    </div><!-- /wrapper_bottom -->
</div><!-- /bot_wrapper_bg -->
</body>
</html>
<?php
require_once('dbconnec.php'); 
$query = $_POST['search_value'];
SELECT profID, fName, lName FROM professor WHERE fName OR lName LIKE $query; // search for professor ajax livesearch code
SELECT courseID, name, primaryCode, secondaryCode FROM course WHERE courseID OR name OR primaryCode or secondaryCode LIKE $query;  // search for course ajax livesearch code
SELECT name FROM department WHERE name LIKE $query; // search by dept ajax livesearch code
?>

.隐藏{
显示:无;
}
$(function(){$('input[type=text]').focus(function(){$(this.val('')};});
$(文档).ready(函数(){
$(“输入[type=radio]”。单击(函数(){
$(“.box”).val(此.value);
}); 
});
正确的
导航
搜索人:
教授
课程
专业

统计数据

最新教授 顶尖教授







search.php

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="global.css"  media="screen" />
    <link rel="stylesheet" href="design.css"  media="screen" />
    <style type="text/css">
    .hidden {
    display: none;
    }
    </style>
    <script type="text/javascript" src="inc/jquery.js"> </script>
    <script type="text/javascript">$(function() {$('input[type=text]').focus(function() {$(this).val('')});});</script>
    <script type="text/javascript">
        $(document).ready(function(){
        $("input[type=radio]").click(function(){
           $(".box").val(this.value);
        }); 
    });
    </script>

</head>

<body>
<div id="top_wrapper_bg">
    <div id="wrapper_top">
        <div id="header">
                <div id="logo">
                <a href="index.php"><img src="img/logo-02-01-11.png" alt="logo-02-01-11" width="300" height="100" border="0" /></a>
                </div><!-- /logo -->
                <div id="header_image">
                right
                </div><! -- /header_image -->
                <div id="clear"> </div><! -- /clear -->
                <div id="nav">
                nav
                </div><! -- /nav -->
        </div><!-- /header-->
    </div><!-- /wrapper_top -->
</div><!-- /top_wrapper_bg -->

<div id="header_search_break"> </div>

<div id="bot_wrapper_bg">       
    <div id="wrapper_bottom">
            <div id="search"> 
                    <span class="medfont">Search by:</span> 
                        <form id="searchSelect" action="searching.php">
                            <input type="radio" name="search_value" value="Enter Professor Name">Professor
                            <input type="radio" name="search_value" value="Enter Course (e.g. COM 310)">Course
                            <input type="radio" name="search_value" value="Enter Major (e.g. Business)">Major
                        </form>
                        <br>            
                    <input class="box" type="text" size="25" name="searchQuery" value="Select an option..." class="textField clearMeFocus" />
            </div><!-- /search -->
            <div id="latest_stats">
            <p>Stats</p>
            </div><!-- /latest_stats -->
            <div id="clear"> </div>
        <div id="contain_stats">
                <div id="latest_prof">
                latest prof
                </div><!-- /latest_prof -->

                <div id="top_prof">
                top prof
                </div><!-- /top_prof -->
                <div id="clear"> </div><! -- /clear -->
        </div><!-- /contain_stats -->
        <br><br><br><br><br><br><br><br>
    </div><!-- /wrapper_bottom -->
</div><!-- /bot_wrapper_bg -->
</body>
</html>
<?php
require_once('dbconnec.php'); 
$query = $_POST['search_value'];
SELECT profID, fName, lName FROM professor WHERE fName OR lName LIKE $query; // search for professor ajax livesearch code
SELECT courseID, name, primaryCode, secondaryCode FROM course WHERE courseID OR name OR primaryCode or secondaryCode LIKE $query;  // search for course ajax livesearch code
SELECT name FROM department WHERE name LIKE $query; // search by dept ajax livesearch code
?>

{
$nme=$_GET['nme']; $query=“从全名为“%”的用户中选择*。清理($\u GET['nme'])。“%”; $result=mysql\u query($query);
Sanitize()是我自己的函数,用于阻止sql注入


然后,在您的输入中应该有onchange=“search(this.value)”>

显示您的
search.php
易受攻击。请在SQL查询中使用,以确保您的整个数据库不会暴露给攻击者。