jQuery 表单输入建议

Question

我正在设计一个网络应用程序，需要一种方法来从 MySQL 数据库中提取字符串，并在用户在表单中键入数据时将它们显示为下拉建议。

例如，如果用户输入:“stac”，应用程序应搜索数据库并提供诸如“stack”、“stackoverflow”之类的建议。我正在寻找与 Stack Overflow 上的许多标签字段的工作方式类似的东西。执行此操作的最佳方法是什么？

Answer 1

使用 PHP，这非常简单。

我会在 SQL 中使用 LIKE 关键字来查找相关结果。

然后我会把结果解析成JSON，然后返回给客户端。

一个简单的例子:

<?php
   $_q = ( isset( $_POST[ 'q' ] ) && !empty( $_POST[ 'q' ] ) ) ? $_POST[ 'q' ] : NULL;
   if( $_q === NULL ) {
      echo 'invalid querystring';
      exit;
   }

   //connect to the db....
   $set = $db->query( 'SELECT name FROM my_table WHERE name LIKE \'%' . $_q . '%\';' );

   $json = array();
   while( $result = $set->fetch_array() ) {
      $json[] = $result[ 'name' ];
   }

   echo json_encode( $json );
?>

JavaScript:(使用 jQuery)

function getResults( str ) {
    $.ajax({
        url:'suggest.php'.
        type:'POST',
        data: 'q=' + str,
        dataType: 'json',
        success: function( json ) {
            //json is now an array, here's where you render the dropdown data.
        }
    });
}

$( '.suggest' ).keyup( function() {
   getResults( $( this ).val() );
} );