如何在ajax搜索上显示搜索结果?

时间:2014-01-22 10:08:07

标签: javascript php jquery ajax

我正在尝试进行ajax自动完成搜索并显示结果。我开发了一个带有自动完成功能的小搜索框,但我很难显示搜索结果,有人可以指导我吗?

search.php 
=========
<script>
$(function(){
$(".search").keyup(function() 
{ 
var searchid = $(this).val();
var dataString = 'search='+ searchid;
if(searchid!='')
{
    $.ajax({
    type: "POST",
    url: "search.php",
    data: dataString,
    cache: false,
    success: function(html)
    {
    $("#result").html(html).show();
    }
    });
}return false;    
});

jQuery("#result").live("click",function(e){ 
    var $clicked = $(e.target);
    var $last_name = $clicked.find('.last_name').html();
    var decoded = $("<div/>").html($last_name).text();
    $('#searchid').val(decoded);
});
jQuery(document).live("click", function(e) { 
    var $clicked = $(e.target);
    if (! $clicked.hasClass("search")){
    jQuery("#result").fadeOut(); 
    }
});
$('#searchid').click(function(){
    jQuery("#result").fadeIn();
});
});
</script>


这里我到目前为止所做的索引文件...........

index.php
=========

if($_POST)
{
$q=$_POST['search'];
$sql_res=mysql_query("select personal_names_id,last_name,initials from personal_names where last_name like '%$q%'  order by personal_names_id LIMIT 5");
while($row=mysql_fetch_array($sql_res))
{
$last_name=$row['last_name'];

我想要做什么我会显示与自动完成文本数据相关的结果?

0 个答案:

没有答案