JQuery UI自动完成JSON php输出格式

时间:2012-10-23 13:22:16

标签: php jquery mysql json

好的,我在使用JQuery自动完成时遇到问题。

在搜索栏中,当我开始输入时,它只显示来自searchfrnds.php的名字。我想要的是它应该以某种方式连接searchfrnds.php的结果,它在显示的搜索结果下拉列表中显示firstname和lastname。

searchfrnds.php的代码:

  <?php 
   $term = trim(strip_tags($_GET['term']));

   $query = "SELECT aid,firstname, lastname, profpic,email,abtyou
    FROM artist92 WHERE firstname LIKE '%".$term."%' OR lastname LIKE '%".$term."%'";


    $result = mysqli_query ($link, $query);


    $array = array();

    while($obj = mysqli_fetch_array($result, MYSQLI_ASSOC)){
    $array['value'] = $obj['firstname'];
$array['lvalue'] = $obj['lastname'];
$array['icon'] = $obj['profpic'];
$array['aid']=$obj['aid'];
$array['abt']=$obj['abtyou'];
$array['email']=$obj['email'];

$row_set[]=$array;


       }

        echo json_encode($row_set);

      ?>

JQuery代码:

  <script>

$(function() {
    function log( message ) {
        $( "<div>" ).text( message ).prependTo( "#log" );
        $( "#log" ).scrollTop( 0 );
    }

    $( "#frndsrch" ).autocomplete({
        source: "searchfrnds.php",
        minLength: 2,
        select: function( event, ui ) {
             $( "#project-icon" ).attr( "src", "" + ui.item.icon );
            $('a').attr('href',"viewartprofile.php?aid=" + ui.item.aid ); 

                 }
    });


});
</script>

2 个答案:

答案 0 :(得分:2)

假设jQueryUI自动完成显示数组的值部分,只需执行:

$array['value'] = $obj['firstname'].' '.$obj['lastname'];

然后根据需要显示两者。

答案 1 :(得分:0)

显示了jquery ui自动填充项目的label(默认搜索),如果选择了该选项,则会插入value - 如果省略一个,则复制其他值&amp;使用