使用ajax自动完成选项链接到用户的配置文件页面

时间:2014-03-30 09:31:08

标签: php ajax

在我的ajax自动填充页面中,它会显示用户的名字和姓氏。

但我想建立一个指向用户个人资料页面(profile.php)的链接,如果我们传递用户的唯一ID(用户名),它会显示用户的详细信息。

我该怎么做?

这是我的ajax代码完美无缺。

的index.php

<script type="text/javascript">
$(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 $name = $clicked.find('.name').html();
    var decoded = $("<div/>").html($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();
});
});

的search.php

<?php
include('db.php');
if($_POST)
{
$q=$_POST['search'];
$sql_res=mysql_query("select id,name,email from autocomplete where name like '%$q%' or email like '%$q%' order by id LIMIT 5");
while($row=mysql_fetch_array($sql_res))
{
$username=$row['name'];
$email=$row['email'];
$b_username='<strong>'.$q.'</strong>';
$b_email='<strong>'.$q.'</strong>';
$final_username = str_ireplace($q, $b_username, $username);
$final_email = str_ireplace($q, $b_email, $email);
?>
<div class="show" align="left">
<?php echo $final_username; ?>
</span>&nbsp;<br/><?php echo $final_email; ?><br/>
</div>
<?php
}
}
?>

我该怎么做?

1 个答案:

答案 0 :(得分:1)

简单明了。

如果要在自动建议中添加指向profile.php页面的链接。

这是解决方法。

您应该添加

<a href="profile.php?username=<? echo $user; ?>">
search.php中的

。并且index.php.

中没有任何更改